/**
 * Theme Name:     Flatsome Child
 * Author:         UX-Themes
 * Template:       flatsome
 * Text Domain:	   flatsome-child
 * Description:    Multi-Purpose Responsive WooCommerce Theme
 */

/* ==========================================================================
   1. Al-Hawakmy Brand Identity - Base Variables
   ========================================================================== */
:root {
    /* الألوان الأساسية - Quiet Luxury */
    --bg-obsidian: #0a0a0c; 
    --bg-charcoal: #1a1c20;
    
    /* درجات اللون الذهبي */
    --gold-primary: #d0b165;
    --gold-secondary: #d3b16f;
    --gold-muted: rgba(208, 177, 101, 0.15);
    
    /* ألوان النصوص */
    --text-main: #ffffff;
    --text-muted: #a3a3a3;
    --text-dark: #0a0a0c;
}

/* ==========================================================================
   2. Typography (Cairo Font Foundation)
   ========================================================================== */
body, h1, h2, h3, h4, h5, h6, p, a, span, div, .nav-top-link, .button {
    font-family: 'Cairo', sans-serif !important;
}

h1, h2, h3 {
    font-weight: 700;
    color: var(--text-main);
}

p, span, div {
    color: var(--text-muted);
}

/* ==========================================================================
   3. Global Layout & Backgrounds
   ========================================================================== */
body {
    background-color: var(--bg-obsidian);
}

/* تأثير الـ Noise Texture لعمق بصري أفخم */
.noise-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    /* مسار الصورة إذا أضفت صورة noise شفافة لاحقاً */
    /* background-image: url('images/noise.png'); */
    opacity: 0.03;
    pointer-events: none;
    z-index: 9999;
}

/* ==========================================================================
   4. Glassmorphism & UI Components
   ========================================================================== */
/* فئة مخصصة للكروت والقوائم الشفافة */
.glass-card {
    background: rgba(26, 28, 32, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--gold-muted);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

/* ==========================================================================
   5. Custom Buttons (Al-Hawakmy Style)
   ========================================================================== */
.button.primary, .checkout-button, .single_add_to_cart_button {
    background: linear-gradient(135deg, var(--gold-primary), var(--gold-secondary)) !important;
    color: var(--text-dark) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(208, 177, 101, 0.2) !important;
    transition: all 0.3s ease !important;
}

.button.primary:hover, .checkout-button:hover, .single_add_to_cart_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(208, 177, 101, 0.4) !important;
}

/* ==========================================================================
   6. WooCommerce Tweaks for Dark Theme
   ========================================================================== */
/* تعديل ألوان كروت المنتجات الافتراضية لتناسب الخلفية الداكنة */
.product-small .box {
    background-color: var(--bg-charcoal);
    border: 1px solid #2a2a2a;
    border-radius: 12px;
    overflow: hidden;
}

.product-small .box-text {
    padding: 15px;
}

.price {
    color: var(--gold-primary) !important;
    font-weight: 700;
}

/* ==========================================================================
   7. Trustindex Widget Hiding (General Summary)
   ========================================================================== */
.ti-widget .ti-footer, 
.ti-widget .ti-rating-text {
    display: none !important;
}


/* ==========================================================================
   8. Site-wide experience: shop, product, content and checkout
   Loaded across Flatsome Child pages; home presentation keeps its own scoped layout.
   ========================================================================== */
:root {
  --hw-page: #0a0a0c;
  --hw-panel: #141518;
  --hw-panel-soft: #1a1c20;
  --hw-line: rgba(208, 177, 101, .18);
  --hw-copy: #c2c0ba;
  --hw-gold: #d0b165;
}
html { scroll-behavior: smooth; }
body, #wrapper, #main, .page-wrapper, .shop-page-title, .shop-container,
.archive .page-wrapper, .woocommerce-cart .page-wrapper,
.woocommerce-checkout .page-wrapper, .single-product .page-wrapper {
  background-color: var(--hw-page);
  color: var(--hw-copy);
}
#header, #header .header-wrapper, #header .header-bg-container,
#footer, #footer .absolute-footer {
  background: #0d0e10;
}
#header .header-main { border-bottom: 1px solid rgba(255,255,255,.07); }
#header .nav > li > a, #header .header-nav a, #footer a,
.breadcrumbs a, .woocommerce-breadcrumb a { transition: color .25s ease; }
#header .nav > li > a:hover, #header .header-nav a:hover,
#footer a:hover, .breadcrumbs a:hover, .woocommerce-breadcrumb a:hover { color: var(--hw-gold); }
#main a:not(.button):not(.ux-button) { text-underline-offset: .2em; }

/* Editorial rhythm for ordinary pages and WooCommerce surfaces */
.page-title, .shop-page-title .page-title-inner, .woocommerce-products-header,
.woocommerce .product-title, .woocommerce-page h1, .woocommerce-page h2 {
  color: #f6f4ef;
}
.shop-page-title, .shop-page-title .page-title-inner { border-color: var(--hw-line); }
.woocommerce-breadcrumb, .breadcrumbs { color: #a6a39b; }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-pagination, .woocommerce .term-description { color: #aaa79f; }
.woocommerce .woocommerce-ordering select, .woocommerce-page select,
.woocommerce-page input:not([type=checkbox]):not([type=radio]),
.woocommerce-page textarea, .woocommerce-page .select2-selection {
  color: #f4f1e9;
  background-color: #17181b;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 8px;
}
.woocommerce-page input:focus, .woocommerce-page textarea:focus,
.woocommerce-page select:focus { border-color: var(--hw-gold); outline: 2px solid rgba(208,177,101,.12); }

/* Product listing cards */
.woocommerce .products.row .product-small .box,
.woocommerce .product-small .box {
  height: 100%; background: #121316; border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px; overflow: hidden; transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s, box-shadow .35s;
}
.woocommerce .product-small .box:hover {
  transform: translateY(-5px); border-color: var(--hw-line);
  box-shadow: 0 16px 34px rgba(0,0,0,.24);
}
.woocommerce .product-small .box-image { background: #f6f5f1; }
.woocommerce .product-small .box-text { padding: 16px 17px 18px; }
.woocommerce .product-small .name a, .woocommerce .product-title a { color: #f4f1e9; }
.woocommerce .product-small .name a:hover { color: var(--hw-gold); }
.woocommerce .price, .woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--hw-gold) !important; }
.woocommerce .star-rating { color: var(--hw-gold); }
.woocommerce span.onsale { background: var(--hw-gold); color: #17130b; }
.woocommerce .product-small .add-to-cart-button .button,
.woocommerce .product-small .quick-view { border-radius: 7px; }

/* Product detail */
.single-product .product-gallery, .single-product .product-thumbnails,
.single-product .product-info { color: var(--hw-copy); }
.single-product .product-gallery .woocommerce-product-gallery__wrapper,
.single-product .product-gallery .flickity-viewport { border-radius: 14px; }
.single-product .product-info .product-title { color: #f8f5ee; line-height: 1.4; }
.single-product .product-info .is-divider { background-color: var(--hw-gold); }
.single-product .product_meta, .single-product .product_meta a,
.single-product .woocommerce-product-details__short-description { color: #b7b4ac; }
.single-product .variations td, .single-product .variations th { border-color: rgba(255,255,255,.08); }
.single-product .reset_variations { color: var(--hw-gold); }
.single-product .quantity .button, .single-product .quantity input {
  background: #17181b; color: #f4f1e9; border-color: rgba(255,255,255,.12);
}
.single-product .product-footer, .single-product .woocommerce-tabs { border-color: rgba(255,255,255,.1); }
.single-product .woocommerce-tabs .tab-panels { color: var(--hw-copy); }

/* Shared buttons and forms */
.button, button, input[type=submit], .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button {
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.button:not(.is-outline):hover, .woocommerce a.button:not(.is-outline):hover,
.woocommerce button.button:not(.is-outline):hover { transform: translateY(-2px); }
.button.is-outline { border-color: var(--hw-line); color: #f4f1e9; }
.button.is-outline:hover { border-color: var(--hw-gold); color: var(--hw-gold); }

/* Cart and checkout */
.woocommerce-cart table.shop_table, .woocommerce-checkout table.shop_table,
.woocommerce-checkout #payment, .woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  background: #121316; border: 1px solid rgba(255,255,255,.09); border-radius: 12px;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td,
.woocommerce-checkout #payment ul.payment_methods { border-color: rgba(255,255,255,.09); }
.woocommerce table.shop_table th { color: #f4f1e9; }
.woocommerce-message, .woocommerce-info { background: #17181b; border-top-color: var(--hw-gold); color: #e8e4da; }
.woocommerce-message a, .woocommerce-info a { color: var(--hw-gold); }
.woocommerce-error { background: #241719; border-top-color: #bf7474; color: #f1dada; }
.woocommerce-checkout #payment div.payment_box { background: #1a1c20; color: #c2c0ba; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #1a1c20; }

/* Gentle entrance motion where a page already has clear content blocks */
@media (prefers-reduced-motion: no-preference) {
  .woocommerce .products .product-small, .woocommerce-tabs .tab-panels,
  .page .entry-content > .section, .page .entry-content > .row,
  .page .entry-content > .col, .blog-archive .post-item {
    animation: hw-soft-arrive .55s both;
    animation-timing-function: cubic-bezier(.2,.7,.2,1);
  }
  .woocommerce .products .product-small:nth-child(2n) { animation-delay: .06s; }
  .woocommerce .products .product-small:nth-child(3n) { animation-delay: .1s; }
  @keyframes hw-soft-arrive { from { opacity: .78; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
@media (max-width: 849px) {
  .woocommerce .product-small .box:hover { transform: none; }
  .single-product .product-info { padding-top: 18px; }
  .woocommerce .product-small .box-text { padding: 13px; }
}


@media (prefers-reduced-motion: no-preference) {
  .hw-scroll-reveal { animation: none !important; opacity: 0; transform: translateY(18px); transition: opacity .65s cubic-bezier(.2,.7,.2,1), transform .65s cubic-bezier(.2,.7,.2,1); transition-delay: var(--hw-reveal-delay, 0ms); }
  .hw-scroll-reveal.hw-in-view { opacity: 1; transform: translateY(0); }
  .woocommerce-tabs .panel.hw-scroll-reveal { opacity: 1; transform: none; transition: none; }
}


/* Al-Hawakmy storefront refinement: retain Flatsome and WooCommerce structure, align its surfaces with the homepage identity. */
:root { --hw-gold: #d0b165; --hw-ink: #0a0a0c; --hw-panel: #141518; --hw-panel-soft: #1a1c20; --hw-line: rgba(255,255,255,.1); --hw-copy: #c5c2bb; }
body:not(.home):not(.front-page) { background: var(--hw-ink) !important; color: var(--hw-copy); }
/* Remove the unused demo strip and fake contact details from the inherited header. */
#top-bar, #header-contact, .header-contact-wrapper { display: none !important; }
#header, #header .header-wrapper, #header .header-main, #header .header-bottom, #header .header-bg-color, #header .stuck, #header .nav-dark .header-bottom { background: var(--hw-ink) !important; }
#header { border-bottom: 1px solid var(--hw-line); }
#header .header-main { min-height: 84px; border-bottom: 1px solid var(--hw-line); }
#header .header-logo img { content: url('https://elhawakmy.com/wp-content/uploads/2026/02/%D9%84%D9%88%D8%AC%D9%88-781x800.avif'); width: 48px; height: 48px; object-fit: contain; }
#header .header-bottom .nav > li > a, #header .header-main .nav > li > a { color: #e9e5dc !important; font-family: 'Cairo', sans-serif !important; font-weight: 600; }
#header .header-bottom .nav > li.active > a, #header .header-bottom .nav > li > a:hover, #header .header-main .nav > li > a:hover { color: var(--hw-gold) !important; background: transparent !important; }
#header .header-bottom .nav > li.active > a:after { background: var(--hw-gold) !important; }
#header .header-main .header-button .button, #header .header-main .header-search-form .button, .woocommerce .button:not(.is-outline), .woocommerce a.button:not(.is-outline), .woocommerce button.button:not(.is-outline), .woocommerce input.button, .woocommerce #respond input#submit { background: var(--hw-gold) !important; border-color: var(--hw-gold) !important; color: #101012 !important; }
#header .header-main .header-search-form input, #header .header-main .searchform input { background: #17181b !important; color: #f4f1e9 !important; border-color: var(--hw-line) !important; }
/* Keep Flatsome's archive layout, but make the catalog filters feel like part of the same storefront. */
.woocommerce .shop-page-title, .woocommerce-page .shop-page-title { background: transparent !important; border-color: var(--hw-line) !important; }
.woocommerce .shop-page-title h1, .woocommerce-page .shop-page-title h1, .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { color: #f4f1e9 !important; }
.woocommerce .shop-page-title a, .woocommerce-page .shop-page-title a, .woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a { color: var(--hw-gold) !important; }
.woocommerce .shop-container, .woocommerce-page .shop-container, .woocommerce .products, .woocommerce-page .products { background: transparent !important; }
.woocommerce .widget, .woocommerce-page .widget, .woocommerce .widget-title, .woocommerce-page .widget-title { color: #f4f1e9 !important; }
.woocommerce .widget_product_categories, .woocommerce .widget_layered_nav, .woocommerce .widget_price_filter, .woocommerce .widget_product_search { background: var(--hw-panel) !important; border: 1px solid var(--hw-line); border-radius: 14px; padding: 18px; margin-bottom: 18px; }
.woocommerce .widget a, .woocommerce-page .widget a { color: var(--hw-copy) !important; }
.woocommerce .widget a:hover, .woocommerce-page .widget a:hover, .woocommerce .widget .current-cat > a { color: var(--hw-gold) !important; }
.woocommerce .woocommerce-ordering select, .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-pagination a, .woocommerce .woocommerce-pagination span { background: var(--hw-panel) !important; color: #e9e5dc !important; border-color: var(--hw-line) !important; }
.woocommerce .product-small .box, .woocommerce-page .product-small .box { background: var(--hw-panel) !important; border: 1px solid var(--hw-line); border-radius: 16px; overflow: hidden; transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s, box-shadow .35s; }
.woocommerce .product-small .box:hover, .woocommerce-page .product-small .box:hover { transform: translateY(-4px); border-color: rgba(208,177,101,.45); box-shadow: 0 18px 40px rgba(0,0,0,.24); }
.woocommerce .product-small .box-image, .woocommerce-page .product-small .box-image { background: #f5f4f1; }
.woocommerce .product-small .box-text, .woocommerce-page .product-small .box-text { background: var(--hw-panel) !important; color: var(--hw-copy) !important; }
.woocommerce .product-small .name a, .woocommerce-page .product-small .name a, .single-product .product_title { color: #f4f1e9 !important; }
.woocommerce .price, .woocommerce-page .price, .single-product .price { color: var(--hw-gold) !important; }
.woocommerce .onsale, .woocommerce-page .onsale { background: var(--hw-gold) !important; color: var(--hw-ink) !important; }
.single-product .product-info, .single-product .product-gallery, .single-product .woocommerce-tabs .panel, .single-product .woocommerce-tabs .tabs { color: var(--hw-copy); }
.single-product .product-info .woocommerce-product-details__short-description, .single-product .product-info .product_meta, .single-product .woocommerce-tabs .panel { color: var(--hw-copy) !important; }
.single-product .product-gallery .woocommerce-product-gallery__image { background: #f5f4f1; border-radius: 16px; overflow: hidden; }
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout #payment, .woocommerce-checkout .woocommerce-checkout-review-order, .woocommerce-cart table.shop_table, .woocommerce-checkout table.shop_table { background: var(--hw-panel) !important; border-color: var(--hw-line) !important; }
/* Remove sample-only newsletter/about widgets from the inherited footer while keeping the real product and category links. */
#footer .widget_block, #footer .block_widget, #footer .widget_text { display: none !important; }
#footer, #footer .footer-widgets, #footer .absolute-footer { background: var(--hw-ink) !important; border-color: var(--hw-line) !important; color: var(--hw-copy) !important; }
#footer .widget-title, #footer h3 { color: #f4f1e9 !important; }
#footer a { color: var(--hw-copy) !important; }
#footer a:hover { color: var(--hw-gold) !important; }
@media (max-width: 849px) { #header .header-main { min-height: 68px; } .woocommerce .product-small .box:hover { transform: none; } .woocommerce .widget_product_categories, .woocommerce .widget_layered_nav, .woocommerce .widget_price_filter, .woocommerce .widget_product_search { padding: 14px; } }


/* Bring the inherited footer and brand mark into the same storefront system. */
#header #logo img, #header .header-logo img, #header .logo img, #header img.header_logo, #header img.header-logo { content: url('https://elhawakmy.com/wp-content/uploads/2026/02/%D9%84%D9%88%D8%AC%D9%88-781x800.avif') !important; width: 52px !important; height: 52px !important; object-fit: contain !important; }
#footer #woocommerce_products-12, #footer #woocommerce_products-11, #footer #woocommerce_top_rated_products-3, #footer #block_widget-2, #footer #block_widget-3 { display: none !important; }
#footer .footer-widgets { padding-top: 46px; padding-bottom: 34px; }
#footer .flatsome_recent_posts, #footer .widget_recent_entries { padding: 22px; background: var(--hw-panel); border: 1px solid var(--hw-line); border-radius: 16px; }
#footer .flatsome_recent_posts .widget-title, #footer .widget_recent_entries .widget-title, #footer .widget_product_tag_cloud .widget-title { color: #f4f1e9 !important; font-size: 16px; letter-spacing: .02em; }
#footer .widget_product_tag_cloud .tagcloud a { display: inline-block; margin: 4px; padding: 7px 11px; border: 1px solid var(--hw-line); border-radius: 999px; color: var(--hw-copy) !important; transition: border-color .25s ease, color .25s ease, background .25s ease; }
#footer .widget_product_tag_cloud .tagcloud a:hover { border-color: var(--hw-gold); color: var(--hw-gold) !important; background: rgba(208,177,101,.08); }
#footer .absolute-footer { border-top: 1px solid var(--hw-line); }
#footer .copyright-footer { font-size: 0; }
#footer .copyright-footer:after { content: '© 2026 الحواكمي. جميع الحقوق محفوظة.'; display: inline-block; color: var(--hw-copy); font-size: 13px; }
@media (max-width: 849px) { #footer .flatsome_recent_posts, #footer .widget_recent_entries { padding: 16px; } #footer .footer-widgets { padding-top: 28px; padding-bottom: 20px; } }


/* Motion starts on scroll automatically; keep the pause/play switch out of the presentation UI. */
#hw-motion-toggle, .hw-motion-toggle, .hw-motion-control, [aria-label="إيقاف حركة الصفحة"], label:has([aria-label="إيقاف حركة الصفحة"]) { display: none !important; }