/* Phase 3 — Opening hours. Scoped to the semantic page role only. */
body.appell-page-opening_hours {
	--appell-hours-accent: var(--e-global-color-accent);
	--appell-hours-dark: var(--e-global-color-appell-dark);
	--appell-hours-light: var(--e-global-color-appell-light);
	--appell-hours-text: var(--e-global-color-text);
	--appell-hours-radius: 24px;
}

body.appell-page-opening_hours [data-id="aphourspage"] {
	width: 100%; max-width: none; margin: 0 !important; padding: 0 !important; gap: 0 !important; background: var(--appell-hours-light);
	overflow-x: clip;
}

body.appell-page-opening_hours :is(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--appell-hours-accent); outline-offset: 3px;
}

/* Hero — time/status identity. */
body.appell-page-opening_hours [data-id="aphoursintro"] {
	position: relative; z-index: 2; isolation: isolate; overflow: visible; background: var(--appell-hours-dark);
	padding: clamp(60px, 7vw, 96px) 0 clamp(72px, 8vw, 108px) !important;
}

/* Clock face in the hero background. */
body.appell-page-opening_hours [data-id="aphoursintro"]::before {
	content: ""; position: absolute; z-index: 0; right: clamp(-110px, -6vw, -54px); top: 42%; width: clamp(390px, 38vw, 560px); aspect-ratio: 1;
	transform: translateY(-50%); border: 1px solid color-mix(in srgb, var(--appell-hours-light) 8%, transparent); border-radius: 50%; opacity: .78;
	background: repeating-conic-gradient(from -1deg, color-mix(in srgb, var(--appell-hours-light) 10%, transparent) 0 1deg, transparent 1deg 30deg);
	-webkit-mask: radial-gradient(circle, transparent 0 69%, black 69.5% 71%, transparent 71.5% 100%);
	mask: radial-gradient(circle, transparent 0 69%, black 69.5% 71%, transparent 71.5% 100%); pointer-events: none;
}


body.appell-page-opening_hours [data-id="aphoursintroinner"] {
	position: relative; z-index: 2; display: grid !important; grid-template-columns: minmax(0, 1.38fr) minmax(360px, 1fr); align-items: stretch;
	width: 100%; max-width: 1280px; margin-inline: auto !important; gap: clamp(32px, 4vw, 52px) !important; padding-inline: 24px !important;
}
body.appell-page-opening_hours [data-id="aphoursherocopy"] { display: flex !important; flex-direction: column !important; justify-content: center; gap: 16px !important; }

body.appell-page-opening_hours [data-id="aphourstitle"],
body.appell-page-opening_hours [data-id="aphourstitle"] * {
	color: var(--appell-hours-light) !important; font-size: clamp(48px, 6vw, 76px); font-weight: 650; line-height: 1; letter-spacing: -.035em;
}
body.appell-page-opening_hours [data-id="aphourseyebrow"],
body.appell-page-opening_hours [data-id="aphourseyebrow"] * {
	color: var(--appell-hours-accent) !important; font-size: 12px; font-weight: 750; letter-spacing: .16em;
}
body.appell-page-opening_hours [data-id="aphourslead"],
body.appell-page-opening_hours [data-id="aphourslead"] * { color: color-mix(in srgb, var(--appell-hours-light) 86%, transparent) !important; }
body.appell-page-opening_hours [data-id="aphourslead"] { max-width: 660px; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.6; }

body.appell-page-opening_hours [data-id="aphourstodaycard"] {
	position: relative; z-index: 4; overflow: hidden; display: flex !important; flex-direction: column !important; justify-content: space-between; gap: 18px !important;
	padding: 34px !important; border-radius: 24px !important; background: var(--appell-hours-light) !important; box-shadow: 0 28px 72px color-mix(in srgb, var(--appell-hours-dark) 20%, transparent);
	transform: translateY(46px);
}
body.appell-page-opening_hours [data-id="aphourstodaycard"]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: var(--appell-hours-accent); }
body.appell-page-opening_hours [data-id="aphourstodaytop"] { display: flex !important; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 18px !important; }
body.appell-page-opening_hours [data-id="aphourstodaylabel"],
body.appell-page-opening_hours [data-id="aphourstodaylabel"] * { color: var(--appell-hours-text); font-size: 12px; font-weight: 750; letter-spacing: .16em; }
body.appell-page-opening_hours [data-id="aphoursstatus"] .elementor-heading-title { color: var(--appell-hours-text); font-size: clamp(30px, 3.2vw, 44px); font-weight: 650; line-height: 1.08; letter-spacing: -.025em; }
body.appell-page-opening_hours [data-id="aphoursnote"], body.appell-page-opening_hours [data-id="aphoursnote"] * { color: color-mix(in srgb, var(--appell-hours-text) 70%, transparent); }
body.appell-page-opening_hours [data-id="aphoursclockicon"] { color: var(--appell-hours-accent); }

/* Ordinary schedule. */
body.appell-page-opening_hours [data-id="aphoursregular"] {
	position: relative; z-index: 1; background: var(--appell-hours-light);
	padding: clamp(102px, 10vw, 132px) 0 clamp(68px, 8vw, 104px) !important;
}
body.appell-page-opening_hours [data-id="aphoursregular"]::before {
	content: ""; position: absolute; top: clamp(48px, 4.8vw, 62px); left: max(24px, calc((100% - 1280px) / 2 + 24px));
	width: 76px; height: 4px; border-radius: 999px; background: var(--appell-hours-accent); pointer-events: none;
}
body.appell-page-opening_hours [data-id="aphoursregularshell"], body.appell-page-opening_hours [data-id="aphoursdetailsshell"] { width: 100%; max-width: 1280px; margin-inline: auto !important; }
body.appell-page-opening_hours [data-id="aphoursregularshell"] { display: flex !important; flex-direction: column !important; gap: clamp(28px, 3vw, 34px) !important; padding-inline: 24px !important; }
body.appell-page-opening_hours [data-id="aphoursschedulehead"] { display: flex !important; flex-direction: column !important; gap: 10px !important; max-width: 760px; }

body.appell-page-opening_hours :is([data-id="aphoursscheduleeyebrow"],[data-id="aphoursexceptionseyebrow"],[data-id="aphoursstoreseyebrow"]),
body.appell-page-opening_hours :is([data-id="aphoursscheduleeyebrow"],[data-id="aphoursexceptionseyebrow"],[data-id="aphoursstoreseyebrow"]) * {
	color: var(--appell-hours-accent) !important; font-size: 12px; font-weight: 750; letter-spacing: .16em;
}
body.appell-page-opening_hours [data-id="aphoursregulartitle"], body.appell-page-opening_hours [data-id="aphoursregulartitle"] * {
	color: var(--appell-hours-text); font-size: clamp(32px, 3.7vw, 48px); line-height: 1.08; letter-spacing: -.025em;
}
body.appell-page-opening_hours [data-id="aphoursregularlead"], body.appell-page-opening_hours [data-id="aphoursregularlead"] * { color: color-mix(in srgb, var(--appell-hours-text) 72%, transparent); }
body.appell-page-opening_hours [data-id="aphoursregularlead"] { max-width: 680px; }

body.appell-page-opening_hours [data-id="aphoursweek"] { display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 8px 30px !important; border-radius: 24px !important; background: var(--appell-hours-light) !important; box-shadow: 0 18px 54px color-mix(in srgb, var(--appell-hours-dark) 9%, transparent); }
body.appell-page-opening_hours [data-id^="aphoursrow"] { position: relative; display: flex !important; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 20px !important; padding: 18px 0 !important; border-bottom: 1px solid color-mix(in srgb, var(--appell-hours-text) 10%, transparent); }
body.appell-page-opening_hours [data-id="aphoursrow6"] { border-bottom: 0; }
body.appell-page-opening_hours [data-id^="aphoursday"] { min-width: 0; }
body.appell-page-opening_hours [data-id^="aphoursday"], body.appell-page-opening_hours [data-id^="aphoursday"] * { color: var(--appell-hours-text); font-size: clamp(18px, 1.6vw, 22px); font-weight: 600; line-height: 1.25; }
body.appell-page-opening_hours [data-id^="aphourstime"], body.appell-page-opening_hours [data-id^="aphourstime"] * { color: var(--appell-hours-text); font-size: clamp(18px, 1.7vw, 23px); font-weight: 650; line-height: 1.25; text-align: right; }

/* Secondary detail cards. */
body.appell-page-opening_hours [data-id="aphoursdetails"] { background: var(--appell-hours-light); padding: clamp(60px, 7vw, 96px) 0 clamp(72px, 8vw, 112px) !important; }
body.appell-page-opening_hours [data-id="aphoursdetailsshell"] { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 28px !important; padding-inline: 24px !important; }
body.appell-page-opening_hours :is([data-id="aphoursexceptions"],[data-id="aphoursstores"]) { position: relative; overflow: hidden; display: flex !important; flex-direction: column !important; gap: 20px !important; padding: 34px !important; border: 1px solid color-mix(in srgb, var(--appell-hours-text) 10%, transparent) !important; border-radius: 24px !important; background: var(--appell-hours-light) !important; box-shadow: 0 12px 36px color-mix(in srgb, var(--appell-hours-dark) 6%, transparent); }
body.appell-page-opening_hours :is([data-id="aphoursexceptions"],[data-id="aphoursstores"])::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--appell-hours-accent); }
body.appell-page-opening_hours :is([data-id="aphoursexceptionstitle"],[data-id="aphoursstorestitle"]),
body.appell-page-opening_hours :is([data-id="aphoursexceptionstitle"],[data-id="aphoursstorestitle"]) * { color: var(--appell-hours-text); font-size: clamp(27px, 2.6vw, 36px); line-height: 1.08; letter-spacing: -.025em; }
body.appell-page-opening_hours :is([data-id="aphoursexceptionslead"],[data-id="aphoursstoreslead"]),
body.appell-page-opening_hours :is([data-id="aphoursexceptionslead"],[data-id="aphoursstoreslead"]) * { color: color-mix(in srgb, var(--appell-hours-text) 72%, transparent); }

body.appell-page-opening_hours .appell-hours-modern__list .appell-hours-list { display: grid; gap: 0; margin-top: 4px; }
body.appell-page-opening_hours .appell-hours-modern__list .appell-hours-list__row { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; padding: 15px 0; border-bottom: 1px solid color-mix(in srgb, var(--appell-hours-text) 10%, transparent); }
body.appell-page-opening_hours .appell-hours-modern__list .appell-hours-list__row:last-child { border-bottom: 0; }
body.appell-page-opening_hours .appell-hours-modern__list .appell-hours-list__row :is(strong, a) { color: var(--appell-hours-text); }
body.appell-page-opening_hours .appell-hours-modern__list .appell-hours-list__row a:hover { color: var(--appell-hours-accent); }
body.appell-page-opening_hours .appell-hours-modern__list .appell-hours-list__row span { color: var(--appell-hours-text); font-weight: 600; text-align: right; }
body.appell-page-opening_hours .appell-hours-modern__list .appell-hours-list__row small { display: block; margin-top: 4px; color: color-mix(in srgb, var(--appell-hours-text) 62%, transparent); font-weight: 400; }

@media (max-width: 1024px) {
	body.appell-page-opening_hours [data-id="aphoursintroinner"], body.appell-page-opening_hours [data-id="aphoursdetailsshell"] { grid-template-columns: 1fr; }
	body.appell-page-opening_hours [data-id="aphoursintro"]::before { right: -180px; top: 30%; }
	body.appell-page-opening_hours [data-id="aphourstodaycard"] { max-width: 760px; transform: translateY(38px); }
	body.appell-page-opening_hours [data-id="aphoursregular"] { padding-top: 104px !important; }
	body.appell-page-opening_hours [data-id="aphoursregular"]::before { top: 48px; left: 20px; }
}

@media (max-width: 767px) {
	body.appell-page-opening_hours { --appell-hours-radius: 20px; }
	body.appell-page-opening_hours [data-id="aphoursintro"]::before { right: -220px; top: 22%; opacity: .55; }
	body.appell-page-opening_hours [data-id="aphoursintroinner"], body.appell-page-opening_hours [data-id="aphoursregularshell"], body.appell-page-opening_hours [data-id="aphoursdetailsshell"] { padding-inline: 16px !important; }
	body.appell-page-opening_hours [data-id="aphourstodaycard"] { padding: 26px 24px !important; transform: translateY(26px); }
	body.appell-page-opening_hours [data-id="aphoursregular"] { padding-top: 84px !important; }
	body.appell-page-opening_hours [data-id="aphoursregular"]::before { top: 34px; left: 16px; width: 56px; }
	body.appell-page-opening_hours [data-id="aphoursweek"] { padding: 6px 20px !important; }
	body.appell-page-opening_hours :is([data-id="aphoursexceptions"],[data-id="aphoursstores"]) { padding: 26px 24px !important; border-radius: 20px !important; }
	body.appell-page-opening_hours [data-id="aphourstodaycard"], body.appell-page-opening_hours [data-id="aphoursweek"] { border-radius: 20px !important; }
	body.appell-page-opening_hours [data-id^="aphoursrow"] { gap: 14px; }
	body.appell-page-opening_hours [data-id^="aphourstime"], body.appell-page-opening_hours [data-id^="aphourstime"] * { font-size: 17px; }
	body.appell-page-opening_hours .appell-hours-modern__list .appell-hours-list__row { gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
	body.appell-page-opening_hours * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}