/* Colour change: yellow -> white, white -> light blue, no yellow */
:root:root {
	--theme-palette-color-7: #ffffff; /* was cream/yellow #fffbeb: page background */
	--theme-palette-color-8: #eaf4ff; /* was white: cards, panels */
	--theme-palette-color-2: #2563eb; /* was amber #b45309: accent, links, hover */
}
html body { background-color: #ffffff; }
html body #sidebar .ct-widget { background: #eaf4ff; border-color: #cfe3fa; }
html body #sidebar .widget-title { border-bottom-color: #60a5fa; }
html body #sidebar .widget_layered_nav_filters li > a { border-color: #60a5fa; background: #ffffff; }
html body #sidebar .widget_product_categories .current-cat > a { background: #ffffff; }
html body #header .header-menu-1 .menu > li.yf-mega > .sub-menu { background: #eaf4ff; }
html body #header .header-menu-1 .menu > li.yf-mega > .sub-menu > li > a { border-bottom-color: #60a5fa; }

/* Fewer sidebar filters: keep Categories, Gender, Size, Price (hide Color and Brand) */
html body #sidebar #woocommerce_layered_nav-4,
html body #sidebar #woocommerce_brand_nav-2 { display: none !important; }
html body #sidebar .widget_product_categories .product-categories { max-height: 260px; }
html body #sidebar .woocommerce-widget-layered-nav-list { max-height: 220px; overflow-y: auto; padding-right: 8px; }

/* Header: white */
html body #header [data-row*="top"],
html body #header [data-row*="middle"],
html body #header [data-row*="bottom"] { background-color: #ffffff !important; background-image: none !important; }
html body #header [data-row*="middle"] { border-bottom: 1px solid #e5e7eb; }

/* Home hero: no yellow, clearly visible buttons */
html body .wp-block-group > p.has-text-color[style*="#fbbf24"] { color: #93c5fd !important; }
html body .wp-block-buttons .wp-block-button .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-width: 160px; padding: 14px 28px; font-size: 15px; font-weight: 600; line-height: 1.2; text-decoration: none; border-radius: 8px !important; transition: background .15s ease, color .15s ease, border-color .15s ease; }
html body .wp-block-button__link[style*="#fbbf24"] { background-color: #2563eb !important; color: #ffffff !important; border: 2px solid #2563eb; }
html body .wp-block-button__link[style*="#fbbf24"]:hover { background-color: #1d4ed8 !important; border-color: #1d4ed8; }
html body .wp-block-button.is-style-outline .wp-block-button__link { background: transparent !important; color: #ffffff !important; border: 2px solid #ffffff; }
html body .wp-block-button.is-style-outline .wp-block-button__link:hover { background: #ffffff !important; color: #111827 !important; }

/* Home: remove the Shop by category section completely */
html body .wp-block-group.alignfull:not([class*="has-palette"]):has(> .wp-block-columns) { display: none !important; }

/* Shop pages: remove the green title strip */
html body.woocommerce .hero-section,
html body.woocommerce-page .hero-section { display: none !important; }

/* Home hero: stylish photo banner with text */
html body .wp-block-group.alignfull.has-palette-color-1-background-color {
	background-image: linear-gradient(90deg, rgba(17, 24, 39, .86) 0%, rgba(17, 24, 39, .55) 55%, rgba(17, 24, 39, .25) 100%), url("https://shop.yellowfalcon.ae/wp-content/uploads/2026/10/Home-hero-banner.jpg") !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	min-height: 560px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 110px !important;
	padding-bottom: 110px !important;
}
html body .wp-block-group.alignfull.has-palette-color-1-background-color h1 { font-size: clamp(34px, 5vw, 60px); line-height: 1.1; font-weight: 700; letter-spacing: -.5px; text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
html body .wp-block-group.alignfull.has-palette-color-1-background-color > p:not(:first-child) { color: #e5e7eb; text-shadow: 0 1px 10px rgba(0, 0, 0, .4); }

/* Store footer */
html body .yf-footer { background: #1f2937; color: #d1d5db; }
html body .yf-footer .yf-backtop { display: block; padding: 15px 0; text-align: center; font-size: 14px; font-weight: 600; color: #ffffff; background: #2b3a4f; text-decoration: none; }
html body .yf-footer .yf-backtop:hover { background: #2563eb; }
html body .yf-footer__inner { max-width: 1290px; margin: 0 auto; padding: 56px 24px 48px; display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 40px; }
html body .yf-footer__brand img { max-height: 56px; width: auto; background: #ffffff; padding: 6px 10px; border-radius: 8px; }
html body .yf-footer__brand p { margin: 16px 0 0; font-size: 14px; line-height: 1.7; color: #9ca3af; max-width: 300px; }
html body .yf-footer h4 { margin: 0 0 16px; font-size: 15px; font-weight: 700; color: #ffffff; letter-spacing: .3px; }
html body .yf-footer ul { margin: 0; padding: 0; list-style: none; }
html body .yf-footer li { margin: 0 0 10px; }
html body .yf-footer li a { font-size: 14px; color: #bfdbfe; text-decoration: none; transition: color .15s ease; }
html body .yf-footer li a:hover { color: #ffffff; text-decoration: underline; }
html body #footer { display: none !important; }
html body .yf-footer__copy { max-width: 1290px; margin: 0 auto; padding: 22px 24px 28px; border-top: 1px solid rgba(255, 255, 255, .12); text-align: center; font-size: 13px; color: #9ca3af; }
@media (max-width: 999px) { html body .yf-footer__inner { grid-template-columns: repeat(2, 1fr); } html body .yf-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 599px) { html body .yf-footer__inner { grid-template-columns: 1fr 1fr; gap: 28px; padding: 40px 20px; } }

/* Home: Shop by category tiles (section hidden; kept for reference) */
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-7-background-color {
	background-color: #eaf4ff !important;
	border: 1px solid #cfe3fa;
	border-top: 4px solid #2563eb;
	border-radius: 12px !important;
	padding: 30px 28px 24px !important;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s ease, transform .2s ease;
}
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-7-background-color:hover { box-shadow: 0 14px 30px rgba(37, 99, 235, .14); transform: translateY(-3px); }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-7-background-color h3 { margin: 0 0 10px; font-size: 24px; color: #111827; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-7-background-color > p:nth-of-type(1) { margin: 0 0 24px; font-size: 15px; line-height: 1.6; color: #4b5563; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-7-background-color > p:last-child { margin: auto 0 0; padding-top: 16px; border-top: 1px solid #cfe3fa; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-7-background-color > p:last-child br { display: none; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-7-background-color > p:last-child a { font-size: 15px; text-decoration: none; color: #1d4ed8; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-7-background-color > p:last-child a:hover { color: #111827; }

/* Home: dark All footwear tile */
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-1-background-color { border-radius: 12px !important; border-top: 4px solid #60a5fa; padding: 30px 28px 24px !important; height: 100%; display: flex; flex-direction: column; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-1-background-color h3 { margin: 0 0 10px; font-size: 24px; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-1-background-color > p:nth-of-type(1) { margin: 0 0 24px; font-size: 15px; line-height: 1.6; color: #d1d5db; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-1-background-color > p:last-child { margin: auto 0 0; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .2); display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-1-background-color > p:last-child br { display: none; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-1-background-color > p:last-child a { font-size: 15px; text-decoration: none; color: #93c5fd !important; }
html body .wp-block-columns > .wp-block-column > .wp-block-group.has-palette-color-1-background-color > p:last-child a:hover { color: #ffffff !important; }

/* Home: feature strip */
html body .wp-block-group.alignfull.has-palette-color-7-background-color { background-color: #eaf4ff !important; }

/* Page numbers under the products: 1 2 3 4 ... Next */
html body .ct-pagination { margin-top: 40px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; }
html body .ct-pagination .ct-hidden-sm { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html body .ct-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; font-size: 14px; font-weight: 600; color: #1f2937; background: #eaf4ff; border: 1px solid #cfe3fa; border-radius: 8px; text-decoration: none; transition: background .15s ease, color .15s ease; }
html body .ct-pagination a.page-numbers:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; }
html body .ct-pagination .page-numbers.current { background: #2563eb; border-color: #2563eb; color: #ffffff; }
html body .ct-pagination .page-numbers.dots { background: transparent; border-color: transparent; min-width: 24px; padding: 0; }