/* ==========================================================
   IK FYRIS – FOTBOLLSLEDARE
   Sida: /fotbollsledare/
   Page ID: 357
   ========================================================== */
/* ==========================================================
   1. SIDBAKGRUND & GRUNDTEXT
   ========================================================== */
.page-id-357 .site-content,
.page-id-357 .content-area,
.page-id-357 main,
.page-id-357 .entry-content {
	background-color: #ffffff !important;
}

.page-id-357 .entry-content {
	color: #171717;
}

/* ==========================================================
   2. SIDRUBRIK – "Fotbollsledare"
   ========================================================== */
.page-id-357 .entry-title,
.page-id-357 .wp-block-post-title {
	color: #171717 !important;
	font-size: clamp(36px, 5vw, 46px) !important;
	line-height: 1.1 !important;
	font-weight: 700 !important;
	text-align: center;
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

/* ==========================================================
   3. INTROTEXT
   Blockklass: fyris-intro
   ========================================================== */
.page-id-357 .fyris-intro {
	color: #171717 !important;
	font-size: 18px !important;
	line-height: 1.55 !important;
	font-weight: 400;
	text-align: center;
	max-width: 760px;
	margin-top: 0 !important;
	margin-right: auto !important;
	margin-bottom: 28px !important;
	margin-left: auto !important;
	padding: 0 !important;
}

/* ==========================================================
   4. GULA SEKTIONSRUBRIKER
   Blockklass: fyris-section-title
   ========================================================== */
.page-id-357 .fyris-section-title {
	background-color: #ffd83d !important;
	color: #171717 !important;
	font-size: 21px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	text-align: center;
	padding: 12px 16px !important;
	margin-top: 28px !important;
	margin-bottom: 22px !important;
	border: 0 !important;
}

/* ==========================================================
   5. ACCORDION – HUVUDBLOCK
   Blockklass: fyris-accordion
   ========================================================== */
.page-id-357 .fyris-accordion {
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
}

/* Varje item */
.page-id-357 .fyris-accordion .wp-block-accordion-item {
	margin: 0 !important;
	padding: 0 !important;
}

/* Själva H3-rubriken runt knappen */
.page-id-357 .wp-block-accordion-heading {
	margin: 0 !important;
	padding: 0 !important;
}

/* ==========================================================
   6. ACCORDION-KNAPP / RUBRIK
   ========================================================== */
.page-id-357 .wp-block-accordion-heading__toggle {
	width: 100%;
	color: #171717 !important;
	background: transparent !important;
	font-size: 18px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	text-align: left;
	padding: 11px 0 !important;
	margin: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	cursor: pointer;
}

/* ==========================================================
   7. ACCORDION-TITEL – INGET UNDERSTRECK
   ========================================================== */
.page-id-357 .wp-block-accordion-heading__toggle-title,
.page-id-357 .wp-block-accordion-heading__toggle:hover
.wp-block-accordion-heading__toggle-title,
.page-id-357 .wp-block-accordion-heading__toggle:focus
.wp-block-accordion-heading__toggle-title,
.page-id-357 .wp-block-accordion-heading__toggle:active
.wp-block-accordion-heading__toggle-title {
	color: inherit;
	text-decoration: none !important;
	text-decoration-line: none !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

/* ==========================================================
   8. HOVER
   Endast enheter som faktiskt har mus/pekare
   ========================================================== */
@media (hover: hover) and (pointer: fine) {
	.page-id-357
	    .wp-block-accordion-heading__toggle:hover
	    .wp-block-accordion-heading__toggle-title,
	
	    .page-id-357
	    .wp-block-accordion-heading__toggle:hover
	    .wp-block-accordion-heading__toggle-icon {
		color: #c99700 !important;
	}
}

/* ==========================================================
   9. ÖPPEN ACCORDION
   ========================================================== */
.page-id-357
.wp-block-accordion-item.is-open
.wp-block-accordion-heading__toggle-title,

.page-id-357
.wp-block-accordion-item.is-open
.wp-block-accordion-heading__toggle-icon {
	color: #c99700 !important;
}

/* ==========================================================
   10. + / − IKON
   Ersätter WordPress + / ×
   ========================================================== */
/* ==========================================================
   + / − IKON
   ========================================================== */
.page-id-357 .wp-block-accordion-heading__toggle-icon {
	flex: 0 0 24px;
	min-width: 24px;
	margin-left: 12px;
	color: #171717 !important;
	font-size: 0 !important;
	line-height: 1;
	text-align: right;
/* WordPress roterar normalt ikonen när accordion öppnas */
	transform: none !important;
}

/* Ta bort eventuell WordPress-originalsymbol */
.page-id-357 .wp-block-accordion-heading__toggle-icon::after {
	content: none !important;
	display: none !important;
}

/* Stängd accordion: + */
.page-id-357 .wp-block-accordion-heading__toggle-icon::before {
	content: "+";
	display: inline-block;
	color: #171717;
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	transform: none !important;
}

/* Öppen accordion: − */
.page-id-357
.wp-block-accordion-item.is-open
.wp-block-accordion-heading__toggle-icon {
	color: #c99700 !important;
	transform: none !important;
}

.page-id-357
.wp-block-accordion-item.is-open
.wp-block-accordion-heading__toggle-icon::before {
	content: "−";
	color: #c99700;
	font-size: 20px;
	transform: none !important;
}

/* ==========================================================
   11. KEYBOARD FOCUS
   ========================================================== */
.page-id-357
.wp-block-accordion-heading__toggle:focus {
	outline: none;
}

.page-id-357
.wp-block-accordion-heading__toggle:focus-visible {
	outline: 2px solid #c99700 !important;
	outline-offset: 3px;
}

/* ==========================================================
   12. ÖPPEN ACCORDION – INNEHÅLL
   ========================================================== */
.page-id-357 .fyris-accordion
.wp-block-accordion-panel {
	color: #171717 !important;
	padding: 0 0 12px !important;
	margin: 0 !important;
}

/* Vanliga stycken */
.page-id-357 .fyris-accordion
.wp-block-accordion-panel p {
	color: #171717 !important;
	font-size: 17px !important;
	line-height: 1.65 !important;
	font-weight: 400;
	margin-top: 6px !important;
	margin-bottom: 16px !important;
}

/* Listor i accordion */
.page-id-357 .fyris-accordion
.wp-block-accordion-panel ul,

.page-id-357 .fyris-accordion
.wp-block-accordion-panel ol {
	color: #171717;
	font-size: 17px;
	line-height: 1.6;
	margin-top: 6px;
	margin-bottom: 16px;
	padding-left: 24px;
}

/* Länkar inne i innehållet */
.page-id-357 .fyris-accordion
.wp-block-accordion-panel a {
	color: #8f6c00;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.page-id-357 .fyris-accordion
.wp-block-accordion-panel a:hover {
	color: #171717;
}

/* ==========================================================
   13. SEPARATORER
   ========================================================== */
.page-id-357 .wp-block-separator {
	border: 0 !important;
	border-top: 1px solid #d2d2d2 !important;
	opacity: 1 !important;
	margin-top: 28px !important;
	margin-bottom: 28px !important;
}

/* ==========================================================
   14. TABLET
   ========================================================== */
@media (max-width: 782px) {
	.page-id-357 .fyris-intro {
		font-size: 17px !important;
		margin-bottom: 26px !important;
	}
	
	.page-id-357 .fyris-section-title {
		font-size: 20px !important;
		padding: 11px 14px !important;
		margin-top: 26px !important;
		margin-bottom: 20px !important;
	}
	
	.page-id-357
	    .wp-block-accordion-heading__toggle {
		font-size: 17px !important;
		padding: 10px 0 !important;
	}
	
	.page-id-357 .fyris-accordion
	    .wp-block-accordion-panel p,
	
	    .page-id-357 .fyris-accordion
	    .wp-block-accordion-panel ul,
	
	    .page-id-357 .fyris-accordion
	    .wp-block-accordion-panel ol {
		font-size: 16px !important;
	}
}

/* ==========================================================
   15. MOBIL
   ========================================================== */
@media (max-width: 480px) {
	.page-id-357 .entry-title,
	    .page-id-357 .wp-block-post-title {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	
	.page-id-357 .fyris-intro {
		font-size: 16px !important;
		line-height: 1.55 !important;
		margin-bottom: 24px !important;
	}
	
	.page-id-357 .fyris-section-title {
		font-size: 19px !important;
		padding: 11px 12px !important;
		margin-top: 24px !important;
		margin-bottom: 18px !important;
	}
	
	.page-id-357
	    .wp-block-accordion-heading__toggle {
		font-size: 17px !important;
		line-height: 1.3 !important;
		padding: 10px 0 !important;
	}
	
	.page-id-357
	    .wp-block-accordion-heading__toggle-icon::before {
		font-size: 19px;
	}
	
	.page-id-357 .fyris-accordion
	    .wp-block-accordion-panel {
		padding-bottom: 10px !important;
	}
	
	.page-id-357 .fyris-accordion
	    .wp-block-accordion-panel p {
		font-size: 16px !important;
		line-height: 1.65 !important;
		margin-top: 5px !important;
		margin-bottom: 15px !important;
	}
	
	.page-id-357 .wp-block-separator {
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}
}

/* Gäller för både knappen och allt innehåll inuti den */
.wp-block-accordion-heading__toggle,
.wp-block-accordion-heading__toggle * {
}