/*
Theme Name: WordCar UAE
Theme URI: https://wordcaruae.com
Author: WordCar UAE
Author URI: https://wordcaruae.com
Description: Official WordPress theme for WordCar UAE - a veterinary & pet products store. Fully editable via Elementor and WooCommerce. Converted from a custom React storefront into a standard, self-contained WordPress theme with automatic demo content and required-plugin setup.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: wordcar-uae
Tags: e-commerce, woocommerce, elementor, veterinary, pet-shop
*/

:root{
  --wc-emerald-900:#064e3b;
  --wc-emerald-800:#065f46;
  --wc-emerald-700:#047857;
  --wc-emerald-600:#059669;
  --wc-emerald-500:#10b981;
  --wc-emerald-100:#d1fae5;
  --wc-emerald-50:#ecfdf5;
  --wc-amber-500:#f59e0b;
  --wc-amber-400:#fbbf24;
  --wc-gray-950:#0a0f0d;
  --wc-gray-900:#111827;
  --wc-gray-600:#4b5563;
  --wc-radius-xl:1rem;
  --wc-radius-2xl:1.25rem;
  --wc-radius-3xl:1.5rem;
  --wc-font: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --wc-font-rtl: 'Tajawal', 'Plus Jakarta Sans', system-ui, sans-serif;
}
html[dir="rtl"] body{ font-family: var(--wc-font-rtl); }
*{box-sizing:border-box;}
body{
  font-family: var(--wc-font);
  color:var(--wc-gray-900);
  margin:0;
  background:#fff;
  line-height:1.5;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%; display:block;}
.wc-container{max-width:1280px; margin:0 auto; padding:0 1.25rem;}
.wc-btn{
  display:inline-flex; align-items:center; gap:.5rem;
  background:var(--wc-emerald-600); color:#fff; font-weight:700;
  padding:.85rem 1.75rem; border-radius:.75rem; border:0; cursor:pointer;
  box-shadow:0 10px 25px -8px rgba(5,150,105,.4);
  transition:.2s transform ease, .2s background ease;
}
.wc-btn:hover{ background:var(--wc-emerald-500); transform:translateY(-1px) scale(1.01); color:#fff;}
.wc-btn-outline{ background:transparent; color:var(--wc-emerald-700); border:2px solid var(--wc-emerald-700); box-shadow:none;}
.wc-btn-outline:hover{ background:var(--wc-emerald-50); color:var(--wc-emerald-800);}

/* ---------- Header ---------- */
.wc-announcement{ width:100%; text-align:center; font-size:.75rem; font-weight:700; padding:.5rem 1rem; background:var(--wc-emerald-800); color:#fff;}
.wc-header{
  position:sticky; top:0; z-index:999;
  background:rgba(255,255,255,.75); backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(0,0,0,.06);
  transition:.3s ease;
}
.wc-header-inner{ max-width:1280px; margin:0 auto; padding:1rem 1.25rem; display:flex; align-items:center; justify-content:space-between; gap:1rem;}
.wc-logo{ display:flex; align-items:center; gap:.65rem; }
.wc-logo-badge{ width:2.5rem; height:2.5rem; background:var(--wc-emerald-700); border-radius:.75rem; display:flex; align-items:center; justify-content:center; color:#fff; }
.wc-logo-text strong{ display:block; font-size:1.35rem; font-weight:800; letter-spacing:-.02em; color:var(--wc-gray-900);}
.wc-logo-text span{ display:block; font-size:.6rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--wc-emerald-800); margin-top:-3px;}
.wc-nav{ display:flex; align-items:center; gap:1.5rem; }
.wc-nav a{ font-size:.9rem; font-weight:600; color:var(--wc-gray-600); padding:.4rem .6rem; border-radius:.6rem; }
.wc-nav a:hover, .wc-nav a.is-active{ color:var(--wc-emerald-700); background:var(--wc-emerald-50); }
.wc-header-actions{ display:flex; align-items:center; gap:1rem; }
.wc-icon-btn{ position:relative; width:2.5rem; height:2.5rem; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--wc-emerald-50); color:var(--wc-emerald-800); }
.wc-badge{ position:absolute; top:-4px; right:-4px; background:var(--wc-amber-500); color:#fff; font-size:.65rem; font-weight:800; width:1.15rem; height:1.15rem; border-radius:50%; display:flex; align-items:center; justify-content:center;}
@media (max-width:900px){ .wc-nav{display:none;} }

/* ---------- Hero ---------- */
.wc-hero{ position:relative; min-height:560px; display:flex; align-items:center; color:#fff; background-size:cover; background-position:center; overflow:hidden;}
.wc-hero::before{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,15,13,.82), rgba(10,15,13,.45) 55%, transparent);}
.wc-hero-content{ position:relative; z-index:2; max-width:1280px; margin:0 auto; padding:0 1.25rem; width:100%;}
.wc-hero-badge{ display:inline-flex; align-items:center; gap:.5rem; padding:.4rem 1rem; background:rgba(16,185,129,.15); border:1px solid rgba(16,185,129,.4); color:#6ee7b7; border-radius:999px; font-size:.75rem; font-weight:700; margin-bottom:1.5rem;}
.wc-hero h1{ font-size:clamp(2.2rem,5vw,4rem); font-weight:900; letter-spacing:-.02em; line-height:1.05; margin:0 0 1.25rem; max-width:40rem;}
.wc-hero p{ font-size:1.1rem; color:#e5e7eb; max-width:32rem; margin-bottom:2rem;}

/* ---------- Sections ---------- */
.wc-section{ padding:3.5rem 1.25rem; max-width:1280px; margin:0 auto;}
.wc-section-head{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:2rem; flex-wrap:wrap; gap:1rem;}
.wc-eyebrow{ font-size:.7rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; color:var(--wc-emerald-700);}
.wc-section-head h2{ font-size:1.9rem; font-weight:800; letter-spacing:-.01em; margin:.25rem 0 0; color:var(--wc-gray-900);}
.wc-link-more{ font-weight:700; color:var(--wc-emerald-700); font-size:.9rem;}

/* ---------- Category grid ---------- */
.wc-cat-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:1rem;}
.wc-cat-card{ background:#fff; border:1px solid #f0f0f0; border-radius:var(--wc-radius-2xl); padding:1.5rem 1rem; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,.04); transition:.2s;}
.wc-cat-card:hover{ border-color:var(--wc-emerald-200,#a7f3d0); background:var(--wc-emerald-50); transform:translateY(-3px);}

/* ---------- Product cards ---------- */
.wc-product-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1.5rem;}
.wc-product-card{ background:#fff; border:1px solid #f0f0f0; border-radius:var(--wc-radius-2xl); overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.05); transition:.25s;}
.wc-product-card:hover{ box-shadow:0 20px 35px -15px rgba(0,0,0,.15); transform:translateY(-4px);}
.wc-product-card img{ aspect-ratio:1/1; object-fit:cover; width:100%;}
.wc-product-card .wc-p-body{ padding:1rem;}
.wc-product-card .wc-p-cat{ font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--wc-emerald-700);}
.wc-product-card h3{ font-size:.95rem; font-weight:700; margin:.35rem 0; line-height:1.3;}
.wc-product-card .price{ font-weight:800; color:var(--wc-gray-900);}
.wc-product-card .price del{ color:#9ca3af; font-weight:500; margin-left:.4rem;}

/* ---------- Testimonials ---------- */
.wc-testi{ background:var(--wc-emerald-900); color:#fff; padding:5rem 1.25rem;}
.wc-testi-inner{ max-width:1280px; margin:0 auto;}
.wc-testi-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; margin-top:2rem;}
.wc-testi-card{ background:rgba(6,95,70,.5); border:1px solid rgba(16,185,129,.25); padding:1.75rem; border-radius:var(--wc-radius-3xl); backdrop-filter:blur(8px);}
.wc-testi-card .stars{ color:var(--wc-amber-400); margin-bottom:.75rem; font-size:.9rem;}
.wc-testi-card p{ font-style:italic; color:#d1fae5; font-size:.9rem; line-height:1.6;}
.wc-testi-card .who{ display:flex; align-items:center; gap:.75rem; margin-top:1.5rem; padding-top:1.25rem; border-top:1px solid rgba(16,185,129,.3);}
.wc-testi-card .who img{ width:2.75rem; height:2.75rem; border-radius:50%; object-fit:cover;}

/* ---------- Footer ---------- */
.wc-footer{ background:var(--wc-gray-950); color:#d1d5db; padding:4rem 1.25rem 1.5rem;}
.wc-footer-inner{ max-width:1280px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:2rem;}
.wc-footer h4{ color:#fff; font-size:.95rem; font-weight:700; margin-bottom:1rem;}
.wc-footer a{ display:block; font-size:.85rem; color:#9ca3af; margin-bottom:.6rem;}
.wc-footer a:hover{ color:var(--wc-emerald-400,#34d399);}
.wc-footer-bottom{ max-width:1280px; margin:3rem auto 0; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.08); font-size:.8rem; color:#6b7280; display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem;}
@media (max-width:800px){ .wc-footer-inner{grid-template-columns:1fr 1fr;} }

/* ---------- WooCommerce tweaks to match brand ---------- */
.woocommerce ul.products li.product .price{ color:var(--wc-emerald-700); font-weight:800;}
.woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit,
.woocommerce-page a.button, .woocommerce input.button{
  background:var(--wc-emerald-600) !important; color:#fff !important; border-radius:.65rem !important; font-weight:700 !important; border:0 !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover{ background:var(--wc-emerald-700) !important;}
.woocommerce span.onsale{ background:var(--wc-amber-500) !important; border-radius:999px !important;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-color:#e5e7eb !important;}
.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--wc-emerald-600) !important; color:#fff !important;}

/* ---------- Blog ---------- */
.wc-post-card{ border:1px solid #f0f0f0; border-radius:var(--wc-radius-2xl); overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.05);}
.wc-post-card img{ aspect-ratio:16/9; object-fit:cover; width:100%;}
.wc-post-card .b{ padding:1.25rem;}
.wc-post-card .wc-eyebrow{ font-size:.65rem;}
.wc-post-card h3{ margin:.5rem 0; font-size:1.05rem; font-weight:700; line-height:1.35;}

/* utility */
.wc-mt-lg{margin-top:3.5rem;}