/*
Theme Name: Appliances Repair AE
Theme URI: http://localhost/appliancesrepairae
Description: Appliance repair & service-center child theme for Twenty Twenty-Five. Trust-blue + amber palette, Be Vietnam Pro / Nunito Sans typography, and a full block-based homepage for Dubai & Abu Dhabi appliance repair.
Author: Appliances Repair AE
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: repairpro
*/

/* Styling here is progressive enhancement only; tokens/colours live in theme.json. */

html { scroll-behavior: smooth; }
/* Offset in-page anchors so the sticky header doesn't cover section titles */
:target { scroll-margin-top: 130px; }

/* ---- Sticky header ---- */
/* Only the logo bar + primary nav stick; the dark utility strip scrolls away. */
.repairpro-sticky {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: var(--wp--preset--color--base);
	box-shadow: 0 1px 0 var(--wp--preset--color--line), 0 8px 24px rgba(11, 42, 74, .07);
}
.repairpro-topbar a { color: #ffffff; text-decoration: none; }
.repairpro-topbar a:hover { text-decoration: underline; }

/* ---- Primary nav bar (third header row) ---- */
.repairpro-navbar .wp-block-navigation { width: 100%; }
.repairpro-navbar .wp-block-navigation__container { gap: 0 !important; }
.repairpro-navbar .wp-block-navigation-item__content {
	display: block;
	padding: 0.95rem 1rem;
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
	border-bottom: 3px solid transparent;
	transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}
.repairpro-navbar .wp-block-navigation-item__content:hover,
.repairpro-navbar .current-menu-item .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
	border-bottom-color: var(--wp--preset--color--secondary);
	background: var(--wp--preset--color--surface);
}
/* Mobile overlay menu trigger + panel */
.repairpro-navbar .wp-block-navigation__responsive-container-open,
.repairpro-navbar .wp-block-navigation__responsive-container-close { color: var(--wp--preset--color--contrast); }
.repairpro-navbar .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--navy-deep);
	padding-top: 4rem;
}
@media (max-width: 599px) {
	.repairpro-navbar { padding-top: 0.4rem; padding-bottom: 0.4rem; }
}

/* ---- Eyebrow labels ---- */
.repairpro-eyebrow { margin-bottom: .25rem; }

/* ---- Hero booking card ---- */
.repairpro-herocard {
	box-shadow: 0 30px 60px rgba(4, 16, 30, .35);
}
.repairpro-herocard .wp-block-heading { margin: 0; }
@media (max-width: 781px) {
	.repairpro-hero-cols { gap: 2rem !important; }
	.repairpro-herocard { box-shadow: 0 16px 36px rgba(4, 16, 30, .3); }
}

/* ---- Cards ---- */
.repairpro-card { transition: transform .18s ease, box-shadow .18s ease; height: 100%; }
.repairpro-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px rgba(0, 43, 51, .14);
	border-color: #a9d5d2;
}
.repairpro-stat { text-align: center; }

/* ---- Media cards (services): image on top ---- */
.repairpro-card--media { overflow: hidden; display: flex; flex-direction: column; }
.repairpro-card__img { margin: 0; }
.repairpro-card__img img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform .35s ease;
}
.repairpro-card--media:hover .repairpro-card__img img { transform: scale(1.04); }
.repairpro-card--media > .wp-block-group { flex: 1 1 auto; display: flex; flex-direction: column; }
/* push the "Book this repair" link to the bottom so it aligns across cards */
.repairpro-card--media > .wp-block-group > p:last-child { margin-top: auto; padding-top: 0.35rem; }

/* ---- Icon medallion ---- */
.repairpro-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 82px;
	border-radius: 50%;
	background: var(--wp--preset--color--surface-2);
	margin-bottom: .35rem;
}
.repairpro-icon img { width: 42px; height: 42px; display: block; }

/* ---- Buttons ---- */
.wp-block-button.is-style-fill .wp-block-button__link:hover { filter: brightness(.94); }

/* ---- Checkmark / fact lists ---- */
.repairpro-checklist,
.repairpro-contactlist,
.repairpro-steps,
.repairpro-factlist { list-style: none; padding-left: 0; }
.repairpro-checklist li,
.repairpro-factlist li { position: relative; padding-left: 1.9rem; }
.repairpro-checklist li::before,
.repairpro-factlist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .55em;
	width: 1.15rem;
	height: 1.15rem;
	margin-top: -.575rem;
	border-radius: 50%;
	background: var(--wp--preset--color--secondary);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 72% no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 72% no-repeat;
}
.repairpro-factlist li::before { background: #ffffff; }

/* ---- Brand pills ---- */
.repairpro-brand {
	margin: 0 !important;
	padding: .5rem 1rem;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 999px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	line-height: 1.2;
}

/* ---- FAQ (Details block) ---- */
.wp-block-details {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 10px;
	padding: 0 clamp(1rem, 3vw, 1.5rem);
	background: var(--wp--preset--color--base);
}
.wp-block-details + .wp-block-details { margin-top: .75rem; }
.wp-block-details summary {
	padding: 1.1rem 0;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
	cursor: pointer;
	list-style-position: outside;
}
.wp-block-details[open] summary { border-bottom: 1px solid var(--wp--preset--color--line); margin-bottom: 1rem; }
.wp-block-details > *:not(summary) { padding-bottom: 1.1rem; margin-top: 0; }

/* ---- Service-area lists: multi-column ---- */
.repairpro-areas ul {
	columns: 2;
	column-gap: 2rem;
	padding-left: 1.1rem;
	margin: 0;
}
.repairpro-areas li { margin: 0 0 .35rem; break-inside: avoid; }

/* ---- Footer ---- */
.repairpro-footer-list { list-style: none; padding-left: 0; }
.repairpro-footer-list a { color: #c7d6e5; text-decoration: none; }
.repairpro-footer-list a:hover { color: #ffffff; }

/* ---- Responsive niceties ---- */
@media (max-width: 781px) {
	.repairpro-topbar .wp-block-group { justify-content: center; text-align: center; }
	:target { scroll-margin-top: 72px; }
}


/* ---- Hero: background photo with a color-tinted gradient overlay baked into one background layer ---- */
.repairpro-hero-bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

html, body { margin: 0; padding: 0; }

main{
  margin: 0;
}

html, body{
margin:0;
body:0;
overflow-x:hidden;
}