/**
 * WOO Kids Eyewear — visual layer for EasyOrders Elegance V3
 * Safe to load after the original theme stylesheet.
 * This file intentionally contains no JavaScript and does not alter store logic.
 */

@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap');

:root {
  --woo-teal: #00a9a5;
  --woo-teal-dark: #007e7b;
  --woo-teal-soft: #e6f8f7;
  --woo-orange: #ff8b2b;
  --woo-orange-dark: #e96d0a;
  --woo-yellow: #ffd54a;
  --woo-green: #78bd42;
  --woo-green-dark: #4d9222;
  --woo-navy: #173b53;
  --woo-ink: #263845;
  --woo-muted: #6d7a83;
  --woo-cream: #fffaf0;
  --woo-white: #ffffff;
  --woo-border: #dceceb;
  --woo-shadow: 0 12px 30px rgba(23, 59, 83, .10);
  --woo-radius: 20px;
  --woo-font: 'Cairo', 'Tahoma', Arial, sans-serif;
  --woo-display: 'Baloo Bhaijaan 2', 'Cairo', sans-serif;
}

html[dir='rtl'],
body,
.rtl {
  font-family: var(--woo-font) !important;
  color: var(--woo-ink);
  background: var(--woo-cream);
}

body { line-height: 1.75; }
body * { -webkit-font-smoothing: antialiased; }

/* Links, headings and shared layout */
a { color: var(--woo-teal-dark); transition: color .2s ease, opacity .2s ease; }
a:hover { color: var(--woo-orange-dark); }
h1, h2, h3, h4, h5, h6,
.section-title, .title, .heading {
  font-family: var(--woo-display) !important;
  color: var(--woo-navy);
  font-weight: 800;
  line-height: 1.25;
}

.container, .container-fluid { position: relative; }
.section, section { position: relative; }

/* Announcement / top header */
.announcement-bar, .top-bar, .top-header, .header-top {
  background: var(--woo-navy) !important;
  color: #fff !important;
  font-size: .84rem;
}
.announcement-bar *, .top-bar *, .top-header *, .header-top * { color: inherit !important; }

header, .header, .main-header, .site-header, .navbar {
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid rgba(0, 169, 165, .16);
  box-shadow: 0 4px 18px rgba(23, 59, 83, .05);
}
.site-logo img, .logo img, .navbar-brand img { max-height: 62px; width: auto; }
.main-header a, .site-header a, .navbar a { color: var(--woo-navy) !important; font-weight: 700; }
.main-header a:hover, .site-header a:hover, .navbar a:hover,
.main-header .active > a, .site-header .active > a, .navbar .active > a {
  color: var(--woo-teal-dark) !important;
}

/* Cart / account icons retain their original links and behavior. */
.header-cart, .cart-icon, .header-actions a, .header-icons a {
  border-radius: 12px;
}
.cart-count, .cart-badge, .badge-cart {
  background: var(--woo-orange) !important;
  color: #fff !important;
  border: 2px solid #fff;
}

/* Hero, sliders and promotional banners */
.hero, .hero-section, .slider, .main-slider, .home-slider, .banner {
  overflow: hidden;
}
.hero-content, .slider-content, .banner-content { position: relative; z-index: 2; }
.hero h1, .slider h1, .banner h1, .hero-title {
  color: var(--woo-navy) !important;
  font-size: clamp(2rem, 4vw, 4.2rem);
  text-shadow: none;
}
.hero h1 strong, .slider h1 strong, .banner h1 strong { color: var(--woo-teal); }
.hero p, .slider p, .banner p, .hero-description { color: var(--woo-ink); font-size: 1.08rem; }
.hero::after, .hero-section::after {
  content: '';
  position: absolute;
  width: 170px; height: 170px;
  border: 24px solid rgba(255, 213, 74, .42);
  border-radius: 50%;
  left: -60px; bottom: -85px;
  pointer-events: none;
}

/* Buttons: native links/forms remain intact. */
button, .btn, .button, input[type='submit'], input[type='button'],
.add-to-cart, .add-to-cart-btn, .buy-now, .buy-now-btn,
.product-add-to-cart, .checkout-btn, .order-btn {
  font-family: var(--woo-font) !important;
  background: var(--woo-teal) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 16px rgba(0, 169, 165, .22);
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  padding: .72rem 1.35rem;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
button:hover, .btn:hover, .button:hover, input[type='submit']:hover, input[type='button']:hover,
.add-to-cart:hover, .add-to-cart-btn:hover, .buy-now:hover, .buy-now-btn:hover,
.product-add-to-cart:hover, .checkout-btn:hover, .order-btn:hover {
  background: var(--woo-teal-dark) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 126, 123, .28);
}
.btn-outline, .button-outline, .btn-secondary, .continue-shopping {
  background: #fff !important;
  color: var(--woo-teal-dark) !important;
  border: 2px solid var(--woo-teal) !important;
  box-shadow: none;
}
.btn-outline:hover, .button-outline:hover, .btn-secondary:hover, .continue-shopping:hover {
  background: var(--woo-teal-soft) !important;
  color: var(--woo-teal-dark) !important;
}
.btn-warning, .btn-orange, .buy-now, .buy-now-btn { background: var(--woo-orange) !important; }
.btn-warning:hover, .btn-orange:hover, .buy-now:hover, .buy-now-btn:hover { background: var(--woo-orange-dark) !important; }

/* Headings and home sections */
.section-heading, .section-title, .home-section-title, .block-title {
  text-align: center;
  margin-bottom: 1.8rem;
}
.section-heading::after, .section-title::after, .home-section-title::after, .block-title::after {
  content: '';
  display: block;
  width: 54px; height: 6px;
  margin: .55rem auto 0;
  background: var(--woo-orange);
  border-radius: 99px;
}
.featured-products, .products-section, .categories-section, .reviews-section { padding-block: 2.8rem; }

/* Product cards */
.product-card, .product-item, .product-box, .product-grid .item,
.products-grid > div, .products-list .product {
  background: #fff;
  border: 1px solid var(--woo-border) !important;
  border-radius: var(--woo-radius) !important;
  overflow: hidden;
  box-shadow: 0 5px 18px rgba(23, 59, 83, .06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.product-card:hover, .product-item:hover, .product-box:hover, .product-grid .item:hover,
.products-grid > div:hover, .products-list .product:hover {
  transform: translateY(-6px);
  border-color: rgba(0,169,165,.48) !important;
  box-shadow: var(--woo-shadow);
}
.product-card img, .product-item img, .product-box img, .product-image img,
.products-grid img {
  transition: transform .35s ease;
}
.product-card:hover img, .product-item:hover img, .product-box:hover img,
.product-grid .item:hover img { transform: scale(1.045); }
.product-title, .product-name, .product-card h3, .product-item h3 {
  color: var(--woo-navy) !important;
  font-family: var(--woo-display) !important;
  font-size: 1.2rem;
  font-weight: 800;
}
.product-title a, .product-name a { color: inherit !important; }
.product-title a:hover, .product-name a:hover { color: var(--woo-teal-dark) !important; }

/* Prices and sale markers */
.price, .product-price, .current-price, .sale-price, .price-new,
.amount, .woocommerce-Price-amount {
  color: var(--woo-orange-dark) !important;
  font-family: var(--woo-display) !important;
  font-weight: 800 !important;
  font-size: 1.25rem;
}
.old-price, .compare-price, .price-old, del, .price del {
  color: #9aa6ad !important;
  font-size: .9rem;
  text-decoration-color: var(--woo-orange) !important;
}
.sale-badge, .discount-badge, .product-badge, .badge-sale, .ribbon,
.badge:not(.cart-count):not(.cart-badge) {
  background: var(--woo-orange) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: var(--woo-font) !important;
  font-weight: 800;
  padding: .28rem .7rem;
}
.new-badge, .in-stock, .available-badge { background: var(--woo-green) !important; color: #fff !important; }

/* Category cards */
.category-card, .category-item, .categories .item, .category-box {
  background: #fff !important;
  border: 1px solid var(--woo-border) !important;
  border-radius: 18px !important;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.category-card:hover, .category-item:hover, .categories .item:hover, .category-box:hover {
  transform: translateY(-4px) rotate(-.4deg);
  box-shadow: var(--woo-shadow);
}
.category-card a, .category-item a, .category-box a { color: var(--woo-navy) !important; font-weight: 800; }

/* Product detail page */
.product-details, .product-page, .product-single, .product-info {
  color: var(--woo-ink);
}
.product-details .product-title, .product-page h1, .product-single h1, .product-info h1 {
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  color: var(--woo-navy) !important;
}
.product-gallery, .product-images, .main-product-image {
  background: #fff;
  border: 1px solid var(--woo-border);
  border-radius: var(--woo-radius);
  overflow: hidden;
}
.product-description, .description, .product-content {
  background: #fff;
  border-right: 5px solid var(--woo-teal);
  border-radius: 14px;
  padding: 1.15rem 1.3rem;
}
.quantity input, input.qty, .qty-input {
  border: 1px solid var(--woo-border) !important;
  border-radius: 12px !important;
  color: var(--woo-navy) !important;
  font-weight: 700;
}

/* Trust / Egypt-made messaging. Style existing content without inserting new text. */
.features, .benefits, .why-us, .store-features, .usp-section {
  background: var(--woo-teal-soft) !important;
  border-block: 1px solid rgba(0,169,165,.15);
}
.feature-item, .benefit-item, .usp-item, .service-item {
  color: var(--woo-navy);
}
.feature-icon, .benefit-icon, .usp-icon, .service-icon { color: var(--woo-orange) !important; }
.made-in-egypt, .egypt-made, .local-made {
  background: #eef8e8;
  color: var(--woo-green-dark) !important;
  border: 1px solid rgba(120,189,66,.35);
  border-radius: 999px;
  padding: .35rem .75rem;
  font-weight: 800;
}

/* Forms, select menus, checkout and order fields */
input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),
textarea, select, .form-control, .input, .select2-selection {
  font-family: var(--woo-font) !important;
  background: #fff !important;
  border: 1px solid #cbdedc !important;
  border-radius: 12px !important;
  color: var(--woo-ink) !important;
  min-height: 46px;
  box-shadow: none !important;
}
textarea { min-height: 112px; }
input:focus, textarea:focus, select:focus, .form-control:focus {
  border-color: var(--woo-teal) !important;
  outline: 3px solid rgba(0,169,165,.13) !important;
}
label, .form-label { color: var(--woo-navy) !important; font-weight: 700; }
.checkout, .checkout-form, .order-form, .cart-page, .cart-content {
  background: #fff;
  border: 1px solid var(--woo-border);
  border-radius: var(--woo-radius);
}
.order-summary, .cart-summary, .checkout-summary {
  background: var(--woo-cream) !important;
  border: 1px dashed rgba(0,169,165,.48) !important;
  border-radius: 16px;
}

/* Cart tables and notices */
table { border-color: var(--woo-border) !important; }
thead, .cart-header { background: var(--woo-teal-soft) !important; color: var(--woo-navy) !important; }
tr { border-color: var(--woo-border) !important; }
.alert-success, .success-message, .notice-success {
  background: #edf8e9 !important; color: var(--woo-green-dark) !important;
  border-color: rgba(120,189,66,.42) !important; border-radius: 13px;
}
.alert-danger, .error-message, .notice-error {
  border-radius: 13px;
}

/* Reviews */
.review-card, .testimonial, .review-item {
  background: #fff;
  border: 1px solid var(--woo-border);
  border-radius: var(--woo-radius);
  box-shadow: 0 6px 18px rgba(23,59,83,.05);
}
.rating, .stars, .star-rating { color: var(--woo-yellow) !important; }

/* Footer */
footer, .footer, .site-footer, .main-footer {
  background: var(--woo-navy) !important;
  color: rgba(255,255,255,.82) !important;
}
footer h1, footer h2, footer h3, footer h4, footer h5,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5 { color: #fff !important; }
footer a, .footer a, .site-footer a, .main-footer a { color: rgba(255,255,255,.82) !important; }
footer a:hover, .footer a:hover, .site-footer a:hover, .main-footer a:hover { color: var(--woo-yellow) !important; }
.footer-bottom, .copyright { border-top-color: rgba(255,255,255,.15) !important; }

/* Floating WhatsApp button if enabled by the store */
.whatsapp-button, .whatsapp-float, .floating-whatsapp {
  background: #25d366 !important;
  border: 3px solid #fff;
  box-shadow: 0 8px 22px rgba(37,211,102,.32);
}

/* Mobile: keep the original responsive layout functional and comfortable. */
@media (max-width: 767px) {
  body { font-size: 15px; }
  .site-logo img, .logo img, .navbar-brand img { max-height: 48px; }
  .hero h1, .slider h1, .banner h1, .hero-title { font-size: 2.15rem; }
  .hero p, .slider p, .banner p, .hero-description { font-size: .98rem; }
  .product-card, .product-item, .product-box, .product-grid .item { border-radius: 16px !important; }
  .product-title, .product-name, .product-card h3, .product-item h3 { font-size: 1.06rem; }
  .price, .product-price, .current-price, .sale-price, .price-new, .amount { font-size: 1.1rem; }
  button, .btn, .button, input[type='submit'], .add-to-cart, .buy-now { min-height: 44px; }
  .featured-products, .products-section, .categories-section, .reviews-section { padding-block: 1.8rem; }
  .product-description, .description, .product-content { padding: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}