/*
Theme Name: Elle Shop
Theme URI: https://elleshop.ly
Author: Elle Shop
Author URI: https://elleshop.ly
Description: A beautiful Arabic RTL fashion boutique theme for Elle Shop — Tripoli, Libya.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: elle-shop
Tags: rtl-language, arabic, fashion, boutique, e-commerce
*/

/* ===== RESET & VARIABLES ===== */
*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --pink:#e8a8c0;
  --pink-deep:#c4789a;
  --pink-dark:#3a1828;
  --pink-pale:#fff7fa;
  --pink-light:#fce8f2;
  --pink-mid:#f5d0e4;
  --text:#2a1020;
  --text-muted:#8a5a6e;
}
html{scroll-behavior:smooth;}
body{font-family:'Cairo',sans-serif;color:var(--text);background:#fff;direction:rtl;}

/* ===== NAVIGATION ===== */
nav.elle-nav{display:flex;align-items:center;justify-content:space-between;padding:0.9rem 3rem;background:#fff;border-bottom:0.5px solid var(--pink-mid);position:sticky;top:0;z-index:100;}
.nav-logo img{height:48px;width:48px;border-radius:50%;object-fit:cover;}
.nav-links{display:flex;gap:28px;font-size:13px;color:var(--text-muted);list-style:none;}
.nav-links a{text-decoration:none;color:var(--text-muted);transition:color 0.2s;}
.nav-links a:hover,.nav-links a.current-menu-item{color:var(--pink-deep);}
.nav-icons{display:flex;gap:18px;color:var(--pink-deep);}
.nav-icons svg{width:18px;height:18px;}

/* Mobile Menu */
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;}
.menu-toggle svg{width:24px;height:24px;color:var(--pink-dark);}

/* ===== HERO ===== */
.hero{position:relative;overflow:hidden;}
.hero-img{width:100%;height:320px;object-fit:cover;object-position:center 20%;display:block;}

/* ===== INTRO BLOCK ===== */
.intro{background:var(--pink-pale);padding:2.2rem 3rem;text-align:center;border-bottom:0.5px solid var(--pink-mid);}
.intro-title{font-size:36px;font-weight:700;color:var(--pink-dark);margin-bottom:10px;}
.intro-title em{font-style:normal;color:var(--pink-deep);}
.intro-divider{width:48px;height:1px;background:var(--pink);margin:14px auto;}
.intro-sub{font-size:14px;color:var(--text-muted);line-height:1.9;margin-bottom:26px;font-weight:400;max-width:480px;margin-left:auto;margin-right:auto;}
.btn-hero{display:inline-flex;align-items:center;gap:10px;background:var(--pink-dark);color:#fff;font-size:13px;font-weight:600;padding:13px 36px;border:none;cursor:pointer;border-radius:2px;transition:background 0.2s;text-decoration:none;}
.btn-hero:hover{background:var(--pink-deep);color:#fff;}

/* ===== INFO STRIP ===== */
.info-strip{background:var(--pink-dark);color:var(--pink-mid);display:flex;justify-content:center;align-items:center;gap:2.5rem;padding:0.8rem 3rem;font-size:12px;font-weight:500;}
.info-item{display:flex;align-items:center;gap:7px;}
.flag{font-size:16px;}

/* ===== SECTIONS ===== */
.elle-section{padding:3rem 3rem;}
.sec-head{display:flex;align-items:center;gap:16px;margin-bottom:2rem;}
.sec-flower{font-size:20px;color:var(--pink);}
.sec-title{font-size:22px;font-weight:700;color:var(--pink-dark);}
.sec-line{flex:1;height:0.5px;background:var(--pink-mid);}

/* ===== PRODUCTS GRID ===== */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.product-card{background:#fff;border:0.5px solid var(--pink-mid);transition:border-color 0.2s;}
.product-card:hover{border-color:var(--pink);}
.product-image{height:220px;overflow:hidden;position:relative;}
.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.product-card:hover .product-image img{transform:scale(1.04);}
.product-image-placeholder{height:190px;display:flex;align-items:flex-end;justify-content:center;position:relative;background:var(--pink-light);}
.badge{position:absolute;top:12px;right:12px;background:var(--pink-dark);color:var(--pink-mid);font-size:10px;font-weight:600;letter-spacing:0.06em;padding:4px 10px;}
.product-info{padding:12px 16px 16px;border-top:0.5px solid var(--pink-mid);}
.product-name{font-size:15px;font-weight:600;color:var(--pink-dark);margin-bottom:4px;}
.product-price{font-size:13px;color:var(--pink-deep);font-weight:500;}
.product-link{display:block;text-decoration:none;color:inherit;}

/* WooCommerce product loop overrides */
ul.products{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;list-style:none!important;padding:0!important;margin:0!important;}
ul.products li.product{border:0.5px solid var(--pink-mid)!important;padding:0!important;background:#fff;}
ul.products li.product a img{height:220px;object-fit:cover;width:100%;}
ul.products li.product .woocommerce-loop-product__title{font-size:15px;font-weight:600;color:var(--pink-dark);padding:12px 16px 0!important;}
ul.products li.product .price{font-size:13px;color:var(--pink-deep);padding:4px 16px 12px!important;display:block;}
ul.products li.product .button{margin:0 16px 16px!important;background:var(--pink-dark)!important;color:#fff!important;border-radius:2px!important;font-size:13px!important;}
ul.products li.product .button:hover{background:var(--pink-deep)!important;}

/* ===== FEATURES ===== */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--pink-mid);}
.feature-item{background:#fff;padding:2rem;text-align:center;}
.feat-icon{font-size:26px;color:var(--pink);margin-bottom:12px;}
.feat-title{font-size:15px;font-weight:700;color:var(--pink-dark);margin-bottom:6px;}
.feat-text{font-size:12px;color:var(--text-muted);line-height:1.8;font-weight:400;}

/* ===== ABOUT ===== */
.about-section{background:var(--pink-pale);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3rem;padding:3.5rem 3rem;}
.about-logo img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid var(--pink-mid);}
.about-tag{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--pink-deep);margin-bottom:10px;font-weight:600;}
.about-title{font-size:28px;font-weight:700;color:var(--pink-dark);margin-bottom:12px;line-height:1.3;}
.about-text{font-size:14px;color:var(--text-muted);line-height:2;font-weight:400;}

/* ===== CATEGORIES ===== */
.cats-wrap{padding:2.5rem 3rem 3rem;}
.cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:1.5rem;}
.cat-item{background:var(--pink-pale);border:0.5px solid var(--pink-mid);padding:1.5rem 1rem;text-align:center;transition:background 0.2s,border-color 0.2s;cursor:pointer;text-decoration:none;display:block;}
.cat-item:hover{background:var(--pink-light);border-color:var(--pink);}
.cat-ic{font-size:22px;color:var(--pink-deep);margin-bottom:8px;display:block;}
.cat-name{font-size:13px;color:var(--pink-dark);font-weight:600;}

/* ===== CONTACT ===== */
.contact-section{background:var(--pink-dark);color:var(--pink-mid);padding:3rem;text-align:center;}
.contact-title{font-size:26px;font-weight:700;color:#fff;margin-bottom:20px;}
.contact-items{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:28px;}
.contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.85);font-weight:500;}
.contact-item svg{width:16px;height:16px;fill:var(--pink);flex-shrink:0;}
.btn-wa{display:inline-flex;align-items:center;gap:10px;background:var(--pink);color:#fff;font-size:13px;font-weight:600;padding:13px 32px;border:none;cursor:pointer;text-decoration:none;border-radius:2px;}
.btn-wa:hover{background:var(--pink-deep);color:#fff;}
.contact-flowers{font-size:60px;color:rgba(232,168,192,0.1);margin-top:24px;line-height:1;}

/* ===== FOOTER ===== */
footer.elle-footer{background:var(--pink-pale);border-top:0.5px solid var(--pink-mid);display:flex;align-items:center;justify-content:space-between;padding:1.2rem 3rem;font-size:12px;color:var(--text-muted);}
.footer-socials{display:flex;gap:14px;}
.footer-socials a{color:var(--pink-deep);transition:color 0.2s;}
.footer-socials a:hover{color:var(--pink-dark);}
.footer-socials svg{width:18px;height:18px;}

/* ===== SINGLE PRODUCT PAGE ===== */
.woocommerce div.product .woocommerce-product-gallery__image img{border:0.5px solid var(--pink-mid);}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--pink-deep)!important;font-size:22px!important;}
.woocommerce div.product .cart .single_add_to_cart_button{background:var(--pink-dark)!important;border-radius:2px!important;}
.woocommerce div.product .cart .single_add_to_cart_button:hover{background:var(--pink-deep)!important;}

/* ===== SHOP PAGE ===== */
.woocommerce .woocommerce-ordering select,.woocommerce .woocommerce-result-count{font-family:'Cairo',sans-serif;font-size:13px;color:var(--text-muted);}

/* ===== PAGE / BLOG ===== */
.page-content,.entry-content{max-width:800px;margin:0 auto;padding:3rem;}
.page-content p,.entry-content p{line-height:2;color:var(--text-muted);margin-bottom:1rem;}
.page-content h2,.entry-content h2{color:var(--pink-dark);margin:1.5rem 0 0.5rem;}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .products-grid,ul.products{grid-template-columns:repeat(2,1fr)!important;}
  .features-grid{grid-template-columns:1fr;}
  .cats-grid{grid-template-columns:repeat(2,1fr);}
  .about-section{grid-template-columns:1fr;text-align:center;}
  .about-logo img{margin:0 auto;}
}
@media(max-width:600px){
  nav.elle-nav{padding:0.9rem 1.2rem;}
  nav.elle-nav .nav-links{display:none;}
  .menu-toggle{display:block;}
  .nav-links.open{display:flex;flex-direction:column;position:absolute;top:68px;right:0;left:0;background:#fff;padding:1rem 1.5rem;gap:14px;border-bottom:1px solid var(--pink-mid);z-index:200;}
  .hero-img{height:200px;}
  .intro{padding:1.8rem 1.2rem;}
  .intro-title{font-size:26px;}
  .info-strip{flex-direction:column;gap:0.8rem;padding:1rem 1.2rem;text-align:center;}
  .elle-section{padding:2rem 1.2rem;}
  .products-grid,ul.products{grid-template-columns:repeat(2,1fr)!important;}
  .cats-grid{grid-template-columns:repeat(2,1fr);}
  .about-section{padding:2rem 1.2rem;}
  .contact-section{padding:2rem 1.2rem;}
  footer.elle-footer{flex-direction:column;gap:12px;text-align:center;padding:1.2rem;}
}