/*
Theme Name: Arzaura Child
Theme URI: https://arzaura.com
Description: قالب ابن فاخر مبني على قالب Astra ومخصص لمتجر Arzaura لتحف وخشب العرعار الطبيعي الحر من الصويرة. يتميز بهوية ترابية راقية تجمع بين دفء خشب العرعار، ونعومة البيج الرملي، والزيتي الحرفي المغربي، مع دعم متكامل وتخصيصات متقدمة لـ WooCommerce.
Author: Arzaura Artisan Atelier
Author URI: https://arzaura.com
Template: astra
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arzaura-child
Tags: e-commerce, two-columns, custom-colors, custom-menu, featured-images, rtl-language-support, translation-ready
*/

/* ==========================================================================
   ARZAURA - LUXURY ARTISANAL THUYA WOOD COMMERCE SYSTEM
   ========================================================================== */

/* 1. Global Variables & Earthy Luxury Color Architecture */
:root {
  /* Warm Thuya Wood Tones (درجات خشب العرعار الدافئة) */
  --arzaura-thuya-root: #5C3826;         /* Deep Rich Thuya Burl Root */
  --arzaura-thuya-warm: #8A502F;         /* Warm Heartwood Amber Brown */
  --arzaura-thuya-amber: #B8860B;        /* Golden Thuya Amber Resin */
  --arzaura-thuya-amber-hover: #946C06;  /* Deepened Burnished Amber */
  --arzaura-thuya-dark: #3D2314;         /* Ancient Moroccan Root Darkwood */
  --arzaura-amber-light: rgba(184, 134, 11, 0.08);
  --arzaura-amber-glow: rgba(184, 134, 11, 0.25);

  /* Sandy Beige Tones (البيج الرملي الصحراوي ورمال الصويرة) */
  --arzaura-sand-light: #F7F5F0;         /* Soft Desert Sand Parchment */
  --arzaura-sand: #EFECE6;               /* Natural Fine Dune Sand */
  --arzaura-sand-warm: #E5DEC9;          /* Warm Moroccan Clay Sand */
  --arzaura-bg: #FBF9F5;                 /* Warm Alabaster Atelier Canvas */
  --arzaura-surface: #FFFFFF;            /* Pure Crisp White Canvas */

  /* Artisan Olive Tones (الزيتي الحرفي - خضرة أشجار العرعار وغابات الأطلس) */
  --arzaura-olive-artisan: #3D4D3A;      /* Artisan Moroccan Olive Green */
  --arzaura-olive-deep: #283626;         /* Deep Atlas Cedar-Olive */
  --arzaura-olive-light: #5A7056;        /* Light Olive Moss */
  --arzaura-olive-subtle: rgba(61, 77, 58, 0.08);
  --arzaura-olive-border: rgba(61, 77, 58, 0.20);

  /* Royal Moroccan Charcoal & Text */
  --arzaura-text: #1F1E1C;               /* Deep Royal Moroccan Charcoal */
  --arzaura-muted: #6B6864;              /* Soft Essaouira Stone Grey */
  --arzaura-slate: #2B3E42;              /* Essaouira Atlantic Slate */

  /* Borders & Shadows */
  --arzaura-border: rgba(31, 30, 28, 0.09);
  --arzaura-border-warm: rgba(138, 80, 47, 0.16);
  --arzaura-border-dark: rgba(31, 30, 28, 0.18);
  --arzaura-radius: 2px;                 /* Clean Architectural Artisan Edges */
  --arzaura-radius-pill: 999px;
  --arzaura-shadow-sm: 0 4px 14px rgba(31, 30, 28, 0.04);
  --arzaura-shadow-md: 0 10px 28px rgba(31, 30, 28, 0.08);
  --arzaura-shadow-gold: 0 6px 20px rgba(184, 134, 11, 0.22);
  --arzaura-shadow-olive: 0 6px 20px rgba(61, 77, 58, 0.20);

  /* Typography */
  --font-serif: 'Playfair Display', 'Amiri', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --transition-smooth: all 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 2. Global Document & Typography Resets */
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--arzaura-bg);
  color: var(--arzaura-text);
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background-color: var(--arzaura-thuya-amber);
  color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6, 
.product-title, 
.entry-title,
.site-title {
  font-family: var(--font-serif);
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--arzaura-text);
  line-height: 1.3;
}

a {
  color: var(--arzaura-text);
  text-decoration: none;
  transition: var(--transition-smooth);
}

a:hover, a:focus {
  color: var(--arzaura-thuya-amber);
}

/* 3. Top Announcement Bar */
#arzaura-top-bar,
.arzaura-top-announcement {
  background-color: var(--arzaura-text);
  color: var(--arzaura-sand-light);
  padding: 10px 24px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.arzaura-top-bar-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  max-width: 1240px;
  margin: 0 auto;
}

.arzaura-bar-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.arzaura-bar-sep {
  color: var(--arzaura-thuya-amber);
  opacity: 0.8;
}

/* 4. Astra Header & Navigation Integration */
.header-main, 
#masthead, 
.ast-header-breadcrumb,
.ast-primary-header-bar {
  background-color: var(--arzaura-bg) !important;
  border-bottom: 1px solid var(--arzaura-border);
}

.site-title, 
.site-title a,
.ast-site-identity .site-title a {
  font-family: var(--font-serif) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--arzaura-text) !important;
  text-decoration: none !important;
}

.main-header-menu .menu-link {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--arzaura-text) !important;
  position: relative;
  transition: var(--transition-smooth) !important;
}

.main-header-menu .menu-link:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: var(--arzaura-thuya-amber);
  transition: width 0.3s ease;
}

.main-header-menu .menu-item:hover > .menu-link:after,
.main-header-menu .current-menu-item > .menu-link:after {
  width: 100%;
}

.main-header-menu .menu-link:hover {
  color: var(--arzaura-thuya-amber) !important;
}

/* 5. Luxury Artisan Trust Strip Shortcode */
.arzaura-trust-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
  padding: 44px 28px;
  background-color: var(--arzaura-sand-light);
  border-top: 1px solid var(--arzaura-border);
  border-bottom: 1px solid var(--arzaura-border);
  margin: 50px 0;
  text-align: center;
}

.trust-item {
  padding: 12px;
}

.trust-emoji {
  font-size: 28px;
  display: block;
  margin-bottom: 10px;
}

.trust-item h4 {
  font-family: var(--font-serif);
  font-size: 18px;
  margin-bottom: 6px;
  color: var(--arzaura-text);
}

.trust-item p {
  font-size: 13px;
  color: var(--arzaura-muted);
  line-height: 1.5;
  margin: 0;
}

/* 6. Single Product Luxury Tabs Styling */
.woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 60px !important;
  border-top: 1px solid var(--arzaura-border);
  padding-top: 40px;
}

.woocommerce-tabs ul.tabs {
  display: flex !important;
  justify-content: center !important;
  border-bottom: 1px solid var(--arzaura-border) !important;
  padding: 0 0 16px 0 !important;
  margin: 0 0 36px 0 !important;
  gap: 24px !important;
  background: transparent !important;
}

.woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-tabs ul.tabs li a {
  font-family: var(--font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  color: var(--arzaura-muted) !important;
  padding: 8px 16px !important;
  border-radius: var(--arzaura-radius) !important;
  transition: var(--transition-smooth) !important;
}

.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
  color: var(--arzaura-text) !important;
  background-color: var(--arzaura-sand) !important;
}

.arzaura-tab-content {
  max-width: 900px;
  margin: 0 auto;
}

.arzaura-tab-content h3 {
  font-size: 24px;
  margin-bottom: 16px;
  color: var(--arzaura-text);
}

.arzaura-tab-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
  margin-top: 24px;
}

.arzaura-care-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.care-card {
  background: var(--arzaura-sand-light);
  border: 1px solid var(--arzaura-border);
  padding: 20px;
  position: relative;
}

.care-num {
  font-family: var(--font-serif);
  font-size: 24px;
  color: var(--arzaura-thuya-amber);
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
}

.care-card h4 {
  font-size: 15px;
  margin-bottom: 6px;
  color: var(--arzaura-text);
}

.care-card p {
  font-size: 13px;
  color: var(--arzaura-muted);
  line-height: 1.5;
  margin: 0;
}

.arzaura-shipping-features {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.arzaura-shipping-features li {
  background: var(--arzaura-sand-light);
  border: 1px solid var(--arzaura-border);
  padding: 16px 20px;
  font-size: 14px;
  line-height: 1.6;
}

/* 7. Footer */
footer.footer, 
#footer, 
.site-footer,
.ast-footer-overlay {
  background-color: var(--arzaura-olive-deep) !important;
  color: var(--arzaura-sand) !important;
  padding-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

footer.footer a, 
#footer a, 
.site-footer a {
  color: #D6DFD5;
}

footer.footer a:hover, 
#footer a:hover, 
.site-footer a:hover {
  color: #FFFFFF;
}

/* 8. Responsive Adaptations */
@media (max-width: 768px) {
  .arzaura-top-bar-inner {
    flex-direction: column;
    gap: 4px;
    font-size: 11px;
  }
  .arzaura-bar-sep {
    display: none;
  }
  .woocommerce-tabs ul.tabs {
    flex-direction: column;
  }
  .woocommerce-tabs ul.tabs li a {
    display: block;
    text-align: center;
  }
}