/* ==========================================================================
   Amed Solar — custom polish layer (complements theme.json)
   ========================================================================== */

:root {
	--amed-shadow: 0 18px 40px -18px rgba(11, 30, 40, 0.28);
	--amed-shadow-sm: 0 8px 24px -14px rgba(11, 30, 40, 0.30);
	--amed-radius: 18px;
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* ---- Eyebrow / section label ---- */
.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-family: Poppins, sans-serif;
	font-weight: 600;
	font-size: 0.82rem !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--sun-deep);
	margin-bottom: 0.6rem !important;
}
.eyebrow::before {
	content: "";
	width: 26px; height: 2px;
	background: var(--wp--preset--color--sun);
	display: inline-block;
}
.eyebrow.is-light { color: var(--wp--preset--color--sun); }

/* ---- Cards ---- */
.is-style-card {
	background: #fff;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--amed-radius);
	box-shadow: var(--amed-shadow-sm);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
/* Equal-height only for a single card that is a direct child of a column (grids). */
.wp-block-columns > .wp-block-column > .is-style-card:only-child { height: 100%; }
.is-style-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--amed-shadow);
	border-color: color-mix(in srgb, var(--wp--preset--color--sun) 55%, var(--wp--preset--color--line));
}
.is-style-glass {
	background: rgba(255,255,255,0.10);
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: var(--amed-radius);
	backdrop-filter: blur(6px);
}

/* ---- Service / feature icon badge ---- */
.amed-icon {
	width: 62px; height: 62px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 16px;
	background: linear-gradient(135deg, #FFE7B0, #FFC24D);
	font-size: 1.9rem; line-height: 1;
	box-shadow: inset 0 0 0 1px rgba(245,138,0,.25);
}
.amed-icon.is-dark {
	background: linear-gradient(135deg, rgba(255,176,32,.18), rgba(255,176,32,.06));
	box-shadow: inset 0 0 0 1px rgba(255,176,32,.35);
}

/* ---- Image polish ---- */
.is-style-shadow-lift img,
.is-style-shadow-lift.wp-block-image img {
	border-radius: var(--amed-radius);
	box-shadow: var(--amed-shadow);
}
.wp-block-image.rounded img { border-radius: var(--amed-radius); }
.hover-zoom img { transition: transform .5s ease; }
.hover-zoom:hover img { transform: scale(1.05); }

/* ---- Check lists ---- */
.is-style-check { list-style: none; padding-left: 0; margin-left: 0; }
.is-style-check li {
	position: relative;
	padding-left: 2rem;
	margin-bottom: 0.7rem;
	list-style: none;
}
.is-style-check li::before {
	content: "";
	position: absolute; left: 0; top: 0.15em;
	width: 1.25rem; height: 1.25rem;
	border-radius: 50%;
	background: var(--wp--preset--color--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 0.8rem no-repeat;
}

/* ---- Contact info rows (single card) ---- */
.info-row { display: flex; gap: 1rem; align-items: flex-start; padding: 1rem 0; }
.info-row + .info-row { border-top: 1px solid var(--wp--preset--color--line); }
.amed-icon-sm {
	flex: 0 0 auto;
	width: 46px; height: 46px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 12px;
	background: linear-gradient(135deg, #FFE7B0, #FFC24D);
	font-size: 1.35rem; line-height: 1;
	box-shadow: inset 0 0 0 1px rgba(245,138,0,.25);
}
.info-row .info-label { font-family: Poppins, sans-serif; font-weight: 600; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--sun-deep); margin: 0 0 .2rem; }
.info-row .info-value { margin: 0; color: var(--wp--preset--color--ink); }
.info-row .info-value a { color: var(--wp--preset--color--ink); font-weight: 600; }
.info-row .info-value a:hover { color: var(--wp--preset--color--sun-deep); }

/* ---- Top bar ---- */
.amed-topbar { font-size: 0.9rem; }
.amed-topbar a { color: inherit; opacity: .92; }
.amed-topbar a:hover { opacity: 1; color: var(--wp--preset--color--sun); }

/* ---- Header ---- */
/* NOTE: no backdrop-filter/filter/transform here — it would trap the mobile
   nav overlay (position:fixed) inside the header box instead of the viewport. */
.amed-header { position: sticky; top: 0; z-index: 999; }
.wp-block-navigation .wp-block-navigation-item__content { padding: 0.35rem 0; }
.wp-block-navigation a:hover { color: var(--wp--preset--color--sun-deep); }

/* ---- Buttons: outline variant ---- */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 2px solid currentColor;
	color: var(--wp--preset--color--night);
}
.is-inverse .wp-block-button.is-style-outline .wp-block-button__link { color: #fff; }
.wp-block-button.is-style-ghost-light .wp-block-button__link {
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.4);
	color: #fff;
}
.wp-block-button.is-style-ghost-light .wp-block-button__link:hover {
	background: rgba(255,255,255,.22);
}

/* ---- Hero ---- */
.amed-hero { position: relative; overflow: hidden; }
.amed-hero .wp-block-cover__background { }
.badge-pill {
	display: inline-flex; align-items: center; gap: .5rem;
	background: rgba(255,255,255,.14);
	border: 1px solid rgba(255,255,255,.28);
	color: #fff; border-radius: 999px;
	padding: .45rem 1rem; font-size: .85rem; font-weight: 600;
	font-family: Poppins, sans-serif;
}

/* ---- Stat numbers ---- */
.stat-num { font-family: Poppins, sans-serif; font-weight: 800; line-height: 1; letter-spacing: -0.02em; }

/* ---- Marquee-ish trust strip ---- */
.trust-strip { border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); }
.trust-strip .wp-block-column { opacity: .78; font-weight: 600; }

/* ---- Section rounding for dark bands ---- */
.round-band { border-radius: 30px; }

/* ---- Gallery hover ---- */
.amed-gallery figure { overflow: hidden; border-radius: 14px; }
.amed-gallery img { transition: transform .55s ease; width: 100%; height: 100%; object-fit: cover; }
.amed-gallery figure:hover img { transform: scale(1.07); }

/* ---- Footer ---- */
.amed-footer a:hover { color: var(--wp--preset--color--sun); }
.amed-footer .wp-block-navigation a { color: rgba(255,255,255,.82); }
.amed-footer .wp-block-navigation a:hover { color: var(--wp--preset--color--sun); }

/* ---- Floating WhatsApp / call button ---- */
.amed-float {
	position: fixed; right: 18px; bottom: 18px; z-index: 1000;
	display: flex; flex-direction: column; gap: 10px;
}
.amed-float a {
	width: 54px; height: 54px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	color: #fff; font-size: 1.5rem; text-decoration: none;
	box-shadow: 0 10px 24px -8px rgba(0,0,0,.4);
	transition: transform .2s ease;
}
.amed-float a:hover { transform: scale(1.08); }
.amed-float .wa { background: #25D366; }
.amed-float .tel { background: var(--wp--preset--color--sun-deep); }

/* ---- Page title hero ---- */
.amed-pagehero { position: relative; }

/* ---- Hero content aligned to the site container ---- */
.amed-hero > .wp-block-cover__inner-container {
	max-width: 1200px;
	width: 100%;
	margin-inline: auto;
	padding-inline: var(--wp--style--root--padding-left, 1.25rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.hero-inner { max-width: 660px; width: 100%; }

/* ---- Why-us: centered feature items ---- */
.why-us .wp-block-columns .wp-block-column > .wp-block-group { text-align: center; }
.why-us .amed-icon { margin-inline: auto; }

/* ---- No white gap between full-bleed sections (CTA ↔ footer etc.) ---- */
.wp-site-blocks > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }

/* ---- Full-bleed top bar (bulletproof) ---- */
.amed-header { padding-left: 0 !important; padding-right: 0 !important; }
.amed-topbar { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
.amed-header > .wp-block-group:last-child { padding-left: 1.25rem; padding-right: 1.25rem; }

/* ---- Social icon buttons ---- */
.social-icons { display: flex; gap: 0.6rem; flex-wrap: wrap; align-items: center; }
.social-icons a {
	width: 44px; height: 44px; border-radius: 12px;
	display: inline-flex; align-items: center; justify-content: center;
	color: #fff !important; text-decoration: none;
	transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
	box-shadow: 0 6px 16px -8px rgba(0,0,0,.35);
}
.social-icons a:hover { transform: translateY(-3px); filter: brightness(1.08); }
.social-icons svg { width: 22px; height: 22px; fill: currentColor; display: block; }
.si-wa { background: #25D366; }
.si-ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.si-fb { background: #1877F2; }
.si-yt { background: #FF0000; }
.si-map { background: #34A853; }
.social-icons.on-dark a { box-shadow: none; }

/* ---- Mobile overlay menu polish ---- */
.wp-block-navigation__responsive-container.is-menu-open {
	padding: 2.5rem 1.75rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	margin-top: 1.5rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	font-size: 1.4rem;
	font-family: Poppins, sans-serif;
	gap: 1.15rem;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	flex-direction: column !important;
	width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { align-self: flex-start !important; align-items: flex-start !important; text-align: left !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { padding: .3rem 0; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { position: static !important; opacity: 1 !important; visibility: visible !important; width: 100%; background: transparent !important; border: 0 !important; padding-left: 1rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a { font-size: 1.1rem; opacity: .85; }

/* ---- Mobile header: hide CTA, push hamburger right ---- */
@media (max-width: 781px) {
	.amed-header .wp-block-buttons { display: none !important; }
	.amed-header .wp-block-navigation__responsive-container-open { margin-left: auto; margin-right: 0.35rem; }
	.amed-header > .wp-block-group:last-child { padding-left: 1.1rem; padding-right: 1.1rem; }
}

/* ---- Misc ---- */
.text-balance { text-wrap: balance; }
@media (max-width: 781px) {
	.amed-topbar .hide-mobile { display: none !important; }
	.amed-float a { width: 48px; height: 48px; font-size: 1.3rem; }
}