/* HOMICA Site Tweaks */

/* Brand: one CTA/accent colour (was rgb(239,65,54) / #EE4135). */
:root:root{--wd-primary-color:#F86534}

/* Shop / category chips */
.hst-cats{width:100%;margin:0 0 18px}
.hst-cats__track{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hst-cats__track::-webkit-scrollbar{display:none}
.hst-cat{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid #e6e0d7;border-radius:40px;background:#fff;
	color:#4a443d!important;font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:none!important;transition:border-color .2s,color .2s,background-color .2s}
.hst-cat:hover{border-color:#cfc5b8;color:#29241f!important}
.hst-cat.is-active{background:#29241f;border-color:#29241f;color:#fff!important}
.hst-cat:focus-visible{outline:2px solid #F86534;outline-offset:2px}
@media (min-width:1025px){.hst-cats__track{flex-wrap:wrap;overflow:visible}}

/* No empty review summaries when a product has no reviews yet */
.hst-no-reviews #reviews,.hst-no-reviews .woocommerce-Reviews,.hst-no-reviews .wd-single-reviews,
.hst-no-reviews .elementor-widget-wd_single_product_reviews,.hst-no-reviews .wd-rating-summary{display:none!important}

/* Mobile toolbar: icon for the "أعمالنا" link */
.wd-toolbar-link a[href$="/projects/"] .wd-toolbar-icon{width:20px;height:20px;display:inline-block;
	background:no-repeat center/20px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7.5' height='9' rx='1.5'/%3E%3Crect x='13.5' y='3' width='7.5' height='5.5' rx='1.5'/%3E%3Crect x='13.5' y='11.5' width='7.5' height='9.5' rx='1.5'/%3E%3Crect x='3' y='15' width='7.5' height='6' rx='1.5'/%3E%3C/svg%3E")}
.wd-toolbar-link a[href$="/projects/"] .wd-toolbar-icon:before{content:none!important}

/* Layout stability (CLS): reserve image space before carousels initialise */
.elementor-widget-image-carousel .swiper-slide-image{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}
.woocommerce-product-gallery img{height:auto}

/* Product info panel [homica_product_info] */
.hst-pinfo{margin:18px 0 8px;padding:16px 18px;border:1px solid #ebe5dc;border-radius:12px;background:#fcfaf7}
.hst-pinfo__tag{margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid #ebe5dc;color:#29241f;font-size:14px;font-weight:700;letter-spacing:.2px}
.hst-pinfo__list{margin:0}
.hst-pinfo__row{display:grid;grid-template-columns:minmax(9em,max-content) minmax(0,1fr);column-gap:20px;align-items:baseline;padding:11px 0;border-bottom:1px solid #f0ebe3}
.hst-pinfo__row:last-child{border-bottom:0;padding-bottom:2px}
.hst-pinfo dt{margin:0;color:#7a7065;font-size:13.5px;font-weight:500;line-height:1.5}
.hst-pinfo dd{margin:0;color:#29241f;font-size:14px;font-weight:600;line-height:1.5;text-align:start}
.hst-pinfo dd small{display:block;margin-top:2px;color:#8a8073;font-size:12px;font-weight:400}
/* Phones: label above value – every value gets the full width, so nothing breaks mid-phrase */
@media (max-width:600px){
	.hst-pinfo{padding:14px 16px}
	.hst-pinfo__row{display:block;padding:10px 0}
	.hst-pinfo dt{font-size:12px;line-height:1.4;margin-bottom:2px;letter-spacing:.1px}
	.hst-pinfo dd{font-size:14.5px;line-height:1.45}
	.hst-pinfo dd small{display:block;margin-top:1px;font-size:12px}
}

/* Readable CTA buttons: white text needs ≥4.5:1 (#F86534 = 3.0:1). */
:root:root{--btn-accented-bgcolor:#C8501C;--btn-accented-bgcolor-hover:#B84413;--hst-cta:#C8501C;--hst-cta-hover:#B84413}
.btn.btn-color-primary,.wd-btn.btn-color-primary,.single_add_to_cart_button,.button.alt,
.hm26-actions a:first-child,.hcx-btn--wa,.hmc-btn:not(.hmc-btn-outline){background-color:var(--hst-cta)!important;border-color:var(--hst-cta)!important;color:#fff!important}
.btn.btn-color-primary:hover,.wd-btn.btn-color-primary:hover,.single_add_to_cart_button:hover,.button.alt:hover,
.hm26-actions a:first-child:hover,.hcx-btn--wa:hover,.hmc-btn:not(.hmc-btn-outline):hover{background-color:var(--hst-cta-hover)!important;border-color:var(--hst-cta-hover)!important}
html body .wd-buy-now-btn,html body .onsale.product-label{background:var(--hst-cta)!important;color:#fff!important}
html body .wd-buy-now-btn:hover{background:var(--hst-cta-hover)!important}
html body .product-label.featured{background:#29241f!important;color:#fff!important}
/* Mobile options sheet (existing snippet) – colour only, same readable CTA tone */
@media (max-width:767px){:root:root{--hmv-red:#C8501C;--hmv-red-dark:#B84413;--hmv-red-soft:rgba(200,80,28,.14)}}
/* Contact list: keep the e-mail on one line on small phones */
.hcx-list a[href^="mailto:"]{word-break:normal;white-space:nowrap;direction:ltr;font-size:14px}
@media (max-width:380px){.hcx-list a[href^="mailto:"]{font-size:13px}}
/* Product info: values may use the full row width on small phones */

/* ---------- Price (single product) : minimal premium ---------- */
.woocommerce-Price-currencySymbol{margin-inline-start:.28em}
.elementor-widget-wd_single_product_price .price{display:inline-flex!important;flex-wrap:wrap;align-items:baseline;column-gap:14px;row-gap:2px;margin:0!important;line-height:1.15}
.elementor-widget-wd_single_product_price .price ins{order:0;text-decoration:none;background:none;padding:0;color:#F86534;font-size:30px;font-weight:700;letter-spacing:-.2px}
.elementor-widget-wd_single_product_price .price del{order:1;opacity:1;color:#9a9188;font-size:16px;font-weight:400;text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#b3aaa0}
.elementor-widget-wd_single_product_price .price del .amount,.elementor-widget-wd_single_product_price .price del bdi{color:#9a9188}
.elementor-widget-wd_single_product_price .price > .amount{color:#F86534;font-size:30px;font-weight:700}
.elementor-widget-wd_single_product_price .price ins .woocommerce-Price-currencySymbol,
.elementor-widget-wd_single_product_price .price > .amount .woocommerce-Price-currencySymbol{font-size:.5em;font-weight:600;color:#c4733f;margin-inline-start:.35em}
.elementor-widget-wd_single_product_price .price del .woocommerce-Price-currencySymbol{font-size:.85em}
.elementor-widget-wd_single_product_price .hst-from{order:-1;align-self:center;color:#7a7065;font-size:14px;font-weight:500;margin-inline-end:-6px}
@media (max-width:767px){
	.elementor-widget-wd_single_product_price .price{column-gap:12px}
	.elementor-widget-wd_single_product_price .price ins,.elementor-widget-wd_single_product_price .price > .amount{font-size:26px}
	.elementor-widget-wd_single_product_price .price del{font-size:15px}
	.elementor-widget-wd_single_product_price .hst-from{font-size:13px}
}
/* The chosen variation's price already replaces the main price under the title – no second copy in the form. */
.single-product .single_variation .woocommerce-variation-price{display:none!important}
.elementor-widget-wd_single_product_price .price,.elementor-widget-wd_single_product_price .price *{word-spacing:normal!important}
.elementor-widget-wd_single_product_price .price .amount,.elementor-widget-wd_single_product_price .price bdi,.elementor-widget-wd_single_product_price .hst-from{white-space:nowrap}
.elementor-widget-wd_single_product_price .hst-from{align-self:baseline;margin-inline-end:-5px}
/* Mobile shop grid (custom "bento" layout in theme settings): every 3rd card is large with a fixed
   500px height and a 385px image, which left no room for the price. Smaller image = name + price fit. */
@media (max-width:600px){html body:is(.tax-product_cat,.woodmart-archive-shop) .products.wd-products .wd-product:nth-child(3n) .product-element-top{height:350px!important;min-height:350px!important}}
/* Large mobile card: price sized in proportion to the big image and 17px title */
@media (max-width:600px){
html body:is(.tax-product_cat,.woodmart-archive-shop) .products.wd-products .wd-product:nth-child(3n) .price{gap:10px!important;align-items:baseline!important}
html body:is(.tax-product_cat,.woodmart-archive-shop) .products.wd-products .wd-product:nth-child(3n) .price ins bdi,
html body:is(.tax-product_cat,.woodmart-archive-shop) .products.wd-products .wd-product:nth-child(3n) .price > .woocommerce-Price-amount bdi{font-size:20px!important;font-weight:700!important}
html body:is(.tax-product_cat,.woodmart-archive-shop) .products.wd-products .wd-product:nth-child(3n) .price del bdi{font-size:14px!important}
html body:is(.tax-product_cat,.woodmart-archive-shop) .products.wd-products .wd-product:nth-child(3n) .price ins .woocommerce-Price-currencySymbol,
html body:is(.tax-product_cat,.woodmart-archive-shop) .products.wd-products .wd-product:nth-child(3n) .price > .woocommerce-Price-amount .woocommerce-Price-currencySymbol{font-size:.72em!important}
}