/* 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 header (shown once the header snippet is active) */
html body.yf-has-hdr #header { display: none !important; }
html body .yf-hdr { position: sticky; top: 0; z-index: 999; background: #111827; color: #ffffff; box-shadow: 0 2px 10px rgba(0, 0, 0, .18); }
html body .yf-hdr a { text-decoration: none; }
html body .yf-hdr__top { max-width: 1500px; margin: 0 auto; padding: 12px 24px; display: flex; align-items: center; gap: 22px; }
html body .yf-hdr__logo { display: flex; align-items: center; flex: none; background: #ffffff; border-radius: 10px; padding: 4px 10px; }
html body .yf-hdr__logo img { display: block; height: 46px; width: auto; }
html body .yf-hdr__search { flex: 1 1 auto; display: flex; align-items: stretch; height: 46px; min-width: 0; border-radius: 10px; overflow: hidden; background: #ffffff; }
html body .yf-hdr__search select { flex: none; width: auto; max-width: 120px; height: 100%; margin: 0; padding: 0 12px; font-size: 14px; color: #374151; background: #f3f4f6; border: 0; border-right: 1px solid #e5e7eb; border-radius: 0; cursor: pointer; }
html body .yf-hdr__search input[type="search"] { flex: 1 1 auto; min-width: 0; height: 100%; margin: 0; padding: 0 16px; font-size: 15px; color: #111827; background: #ffffff; border: 0; border-radius: 0; box-shadow: none; outline: 0; }
html body .yf-hdr__search button { flex: none; width: 56px; height: 100%; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; color: #ffffff; background: #2563eb; border: 0; border-radius: 0; cursor: pointer; transition: background .15s ease; }
html body .yf-hdr__search button:hover { background: #1d4ed8; }
html body .yf-hdr__item { flex: none; display: flex; align-items: center; gap: 8px; padding: 6px 10px; color: #ffffff; border-radius: 8px; transition: background .15s ease; }
html body .yf-hdr__item:hover { background: rgba(255, 255, 255, .1); color: #ffffff; }
html body .yf-hdr__txt { display: flex; flex-direction: column; line-height: 1.2; }
html body .yf-hdr__txt small { font-size: 12px; color: #cbd5e1; }
html body .yf-hdr__txt strong { font-size: 14px; font-weight: 700; }
html body .yf-hdr__carticon { position: relative; display: inline-flex; }
html body .yf-hdr__carticon b { position: absolute; top: -8px; right: -9px; min-width: 19px; height: 19px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: #ffffff; background: #2563eb; border: 2px solid #111827; border-radius: 999px; }
html body .yf-hdr__nav { background: #1f2937; border-top: 1px solid rgba(255, 255, 255, .08); }
html body .yf-hdr__navin { max-width: 1500px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 4px; }
html body .yf-all { position: relative; flex: none; }
html body .yf-all__btn { display: flex; align-items: center; gap: 8px; height: 44px; margin: 0; padding: 0 14px; font-size: 14px; font-weight: 700; color: #ffffff; background: transparent; border: 0; border-radius: 0; cursor: pointer; }
html body .yf-all__btn:hover, html body .yf-all.is-open .yf-all__btn { background: rgba(255, 255, 255, .1); }
html body .yf-hdr__links { display: flex; align-items: center; gap: 2px; overflow-x: auto; scrollbar-width: none; }
html body .yf-hdr__links::-webkit-scrollbar { display: none; }
html body .yf-hdr__links a { flex: none; padding: 11px 14px; font-size: 14px; font-weight: 500; color: #e5e7eb; border-bottom: 3px solid transparent; transition: color .15s ease, border-color .15s ease; }
html body .yf-hdr__links a:hover { color: #ffffff; border-bottom-color: #60a5fa; }

/* "All" mega panel: same menu as the old Shop dropdown */
html body .yf-all__panel { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; width: min(1100px, calc(100vw - 48px)); max-height: 78vh; overflow-y: auto; padding: 26px 32px; background: #ffffff; color: #111827; border-radius: 0 0 12px 12px; box-shadow: 0 18px 40px rgba(17, 24, 39, .22); }
html body .yf-all.is-open .yf-all__panel { display: block; }
html body .yf-all__panel .menu { list-style: none; margin: 0; padding: 0; }
html body .yf-all__panel .menu > li:not(.yf-mega) { display: none; }
html body .yf-all__panel .menu > li.yf-mega > a, html body .yf-all__panel .ct-toggle-dropdown-desktop, html body .yf-all__panel .ct-toggle-dropdown-desktop-ghost, html body .yf-all__panel .ct-toggle-dropdown-mobile { display: none !important; }
html body .yf-all__panel .menu > li.yf-mega > .sub-menu { position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: auto auto; grid-auto-flow: column; gap: 22px 36px; align-items: start; width: auto !important; margin: 0 !important; padding: 0 !important; list-style: none; background: transparent !important; box-shadow: none !important; }
html body .yf-all__panel .menu > li.yf-mega > .sub-menu > li { display: block !important; width: 100% !important; margin: 0; padding: 0 !important; }
html body .yf-all__panel #menu-item-6359 { order: 1; } html body .yf-all__panel #menu-item-6360 { order: 2; } html body .yf-all__panel #menu-item-6361 { order: 3; } html body .yf-all__panel #menu-item-6362 { order: 4; } html body .yf-all__panel #menu-item-6363 { order: 5; }
html body .yf-all__panel #menu-item-6365 { order: 6; } html body .yf-all__panel #menu-item-6364 { order: 7; } html body .yf-all__panel #menu-item-6366 { order: 8; } html body .yf-all__panel #menu-item-6367 { order: 9; } html body .yf-all__panel #menu-item-6368 { order: 10; }
html body .yf-all__panel #menu-item-6369, html body .yf-all__panel #menu-item-6370 { display: none !important; }
html body .yf-all__panel .menu > li.yf-mega > .sub-menu > li > a { display: block !important; margin: 0 0 6px !important; padding: 0 0 6px !important; font-size: 14px; font-weight: 700; line-height: 1.3; color: #111827 !important; text-transform: none !important; border-bottom: 2px solid #60a5fa; }
html body .yf-all__panel .sub-menu .sub-menu { position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none; background: transparent !important; box-shadow: none !important; }
html body .yf-all__panel .sub-menu .sub-menu li { display: block !important; width: 100% !important; }
html body .yf-all__panel .sub-menu .sub-menu a { display: block !important; padding: 3px 0 !important; font-size: 13.5px; font-weight: 400; line-height: 1.35; color: #4b5563 !important; text-transform: none !important; white-space: nowrap; }
html body .yf-all__panel .sub-menu .sub-menu a:hover { color: #2563eb !important; }

@media (max-width: 999px) {
	html body .yf-all__panel { display: none !important; }
	html body .yf-hdr__top { flex-wrap: wrap; gap: 10px 12px; padding: 10px 16px; }
	html body .yf-hdr__search { order: 5; flex: 1 1 100%; height: 42px; }
	html body .yf-hdr__search select { display: none; }
	html body .yf-hdr__logo { margin-right: auto; }
	html body .yf-hdr__txt { display: none; }
	html body .yf-hdr__navin { padding: 0 8px; }
}

/* 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; }

/* Product grid + cards */
html body ul.products { gap: 24px !important; }
html body ul.products > li.product {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0 !important;
	padding: 0 0 18px !important;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	overflow: hidden;
	transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
html body ul.products > li.product:hover { transform: translateY(-4px); border-color: #bfdbfe; box-shadow: 0 14px 30px rgba(37, 99, 235, .12); }
html body ul.products > li.product .ct-media-container,
html body ul.products > li.product figure { display: block; width: 100%; margin: 0 0 14px !important; background: #f8fafc; border-radius: 0 !important; overflow: hidden; }
html body ul.products > li.product .ct-media-container { aspect-ratio: 4 / 5 !important; }
html body ul.products > li.product .ct-media-container img { width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center !important; background: #ffffff; transition: transform .35s ease; }
html body ul.products > li.product:hover .ct-media-container img { transform: scale(1.04); }
html body ul.products > li.product > *:not(.ct-media-container):not(figure):not(.onsale) { margin-left: 16px !important; margin-right: 16px !important; }
html body ul.products > li.product .woocommerce-loop-product__title { margin-top: 0 !important; margin-bottom: 6px !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 600; min-height: 42px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html body ul.products > li.product .woocommerce-loop-product__title a { color: #111827; }
html body ul.products > li.product .price { margin-bottom: 8px !important; font-size: 17px; font-weight: 700; color: #111827; }
html body ul.products > li.product .price del { font-size: 13px; font-weight: 400; color: #9ca3af; }
html body ul.products > li.product .price ins { text-decoration: none; color: #2563eb; }
html body ul.products > li.product .meta-categories, html body ul.products > li.product .entry-meta { margin-bottom: 14px !important; }
html body ul.products > li.product .meta-categories a { display: inline-block; padding: 3px 10px; font-size: 11px !important; font-weight: 600; letter-spacing: .4px; color: #1d4ed8; background: #eff6ff; border-radius: 999px; text-decoration: none; }
html body ul.products > li.product .meta-categories a:not(:first-of-type) { display: none !important; }
html body ul.products > li.product .button { width: calc(100% - 32px); margin-top: auto !important; justify-content: center; text-align: center; min-height: 42px; padding: 0 16px; font-size: 14px; font-weight: 600; color: #ffffff; background: #2563eb; border: 0; border-radius: 8px; transition: background .15s ease; }
html body ul.products > li.product .button:hover { background: #1d4ed8; color: #ffffff; }
html body ul.products > li.product .onsale { top: 12px; left: 12px; min-height: 0; padding: 4px 10px; font-size: 12px; font-weight: 700; line-height: 1.4; color: #ffffff; background: #ef4444; border-radius: 6px; }

/* 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; }