/*
Theme Name: El Sharq Store Saudi
Theme URI: https://mostwyat.com
Author: مؤسسة مستويات لتقنية المعلومات | Mostwyat.com
Author URI: https://mostwyat.com
Description: Arabic RTL WooCommerce theme for handmade Saudi gift products. Auto creates pages and demo products with SAR prices.
Version: 2.1.0
Text Domain: elsharq-sa
Tags: rtl-language-support, ecommerce, woocommerce
*/
:root{--bg:#fff8f3;--header:#fff8f3;--dark:#1f1c19;--gold:#b98228;--gold2:#d7ad5c;--rose:#f3cfc8;--rose2:#fff0ec;--muted:#7a6860;--line:#efd8cd;--shadow:0 18px 45px rgba(94,58,20,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--dark);font-family:Tajawal,Cairo,Arial,sans-serif;direction:rtl;text-align:right;line-height:1.8;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:linear-gradient(90deg,#1f1c19,#7a5525,#b88939);color:#fff;text-align:center;padding:7px 10px;font-size:14px}
.site-header{position:sticky;top:0;background:rgba(255,248,243,.97);backdrop-filter:blur(12px);z-index:99;border-bottom:1px solid rgba(185,130,40,.18)}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:18px}
.site-branding{display:flex;align-items:center;gap:14px;min-width:0}
.brand-mark{display:flex;align-items:center;gap:12px;min-width:0}
.site-logo-img{height:82px;width:auto;max-width:300px;object-fit:contain;display:block}
.brand-fallback{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,var(--gold),var(--gold2),var(--rose));color:#fff;font-size:24px;font-weight:900;box-shadow:var(--shadow)}
.brand-copy{display:flex;flex-direction:column;line-height:1.2}
.brand-name{font-size:28px;font-weight:900;color:var(--dark)}
.brand-sub{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:1px}
.main-nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0;align-items:center}
.main-nav a{font-weight:800;position:relative}
.main-nav a:hover{color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.btn,.es-btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border:0!important;border-radius:999px!important;background:var(--dark)!important;color:#fff!important;padding:12px 22px!important;font-weight:800!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:.2s transform ease,.2s opacity ease}
.btn:hover,.es-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{transform:translateY(-1px);opacity:.95}
.btn.gold,.es-btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2))!important;color:#1f1c19!important}
.cart-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:700;white-space:nowrap}
.hero{padding:70px 0 45px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center}
.eyebrow{display:inline-block;background:linear-gradient(135deg,#fff,var(--rose2));border:1px solid var(--line);color:var(--gold);border-radius:999px;padding:6px 14px;font-weight:900;margin-bottom:15px}
.hero h1{font-size:clamp(36px,6vw,70px);line-height:1.15;margin:0 0 15px}
.hero p{font-size:20px;color:var(--muted);margin:0 0 25px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-img{background:#fff;border-radius:34px;padding:14px;box-shadow:var(--shadow);transform:rotate(-1deg)}
.hero-img img{height:560px;width:100%;object-fit:cover;border-radius:26px}
.section{padding:52px 0}
.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:16px}
.section-title h2{font-size:36px;margin:0}
.section-title p{color:var(--muted);margin:5px 0}
.cat-grid,.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat-card,.feature{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.cat-card b{font-size:21px}
.custom-box{background:linear-gradient(135deg,#1f1c19,#6f4b21,#c99b55);color:#fff;border-radius:34px;padding:42px;display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center}
.custom-box img{height:350px;width:100%;object-fit:cover;border-radius:24px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery img{height:245px;width:100%;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}
.site-footer{background:linear-gradient(135deg,#1f1c19,#2b211c);color:#fff;margin-top:55px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px;padding:40px 0}
.footer-grid h3{margin-top:0}
.footer-credit{margin-top:12px;color:#eaded6;font-size:14px}
.footer-credit a{color:#fff;text-decoration:underline}
.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.15);padding:16px;color:#eaded6;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.copyright .credit-inline{color:#fff}
.copyright .credit-inline a{color:var(--gold2);font-weight:800}
.copyright .sep{opacity:.55}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px!important;box-shadow:var(--shadow);text-align:right;overflow:hidden}
.woocommerce ul.products li.product a img{height:280px;object-fit:cover;border-radius:18px}
.woocommerce-loop-product__title{font-size:18px!important;font-weight:900;color:var(--dark)}
.price{color:var(--gold)!important;font-weight:900!important;font-size:18px!important}
.page-hero{background:#fff;border-bottom:1px solid rgba(185,130,40,.18);padding:45px 0;margin-bottom:30px}
.content-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.whatsapp-float{position:fixed;left:20px;bottom:20px;background:#25d366;color:#fff!important;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:25px;z-index:100;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px;cursor:pointer;font-weight:900}
.menu-toggle-line{display:block;width:20px;height:2px;background:var(--dark);margin:4px 0}
@media(max-width:1024px){
    .hero-grid,.custom-box,.footer-grid{grid-template-columns:1fr}
    .cat-grid,.features,.gallery{grid-template-columns:repeat(2,1fr)}
    .hero-img img{height:420px}
}
@media(max-width:900px){
    .header-inner{flex-wrap:wrap;align-items:center}
    .site-branding{flex:1 1 auto}
    .menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}
    .main-nav{display:none;width:100%;order:4;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 16px;box-shadow:var(--shadow)}
    .main-nav.open{display:block}
    .main-nav ul{flex-direction:column;align-items:flex-start;gap:10px}
    .header-actions{margin-inline-start:auto}
}
@media(max-width:640px){
    .cat-grid,.features,.gallery{grid-template-columns:1fr}
    .header-inner{gap:12px}
    .site-logo-img{height:64px;max-width:210px}
    .brand-name{font-size:23px}
    .hero{padding:45px 0 30px}
    .hero h1{font-size:36px}
    .hero p{font-size:17px}
    .section-title{display:block}
    .gallery img{height:300px}
    .header-actions .btn.gold{padding:10px 16px!important}
    .cart-pill{padding:8px 12px;font-size:14px}
    .custom-box{padding:24px}
    .content-card{padding:20px}
}


/* Elementor compatibility */
.elementor-page .page-hero{display:none}
.elementor-page .content-card{background:transparent;border:0;box-shadow:none;padding:0}
.elementor-template-full-width #content,
.elementor-template-canvas #content{width:100%;margin:0;padding:0}
.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px}


/* Better section text spacing */
.section-title h2{letter-spacing:-.5px}
.section-title p{max-width:720px}
@media(max-width:640px){
    .section-title h2{font-size:30px;line-height:1.25}
    .section-title p{font-size:16px;line-height:1.8}
}


/* v1.6 product/shop improvements */
.shop-page-hero{text-align:center;background:linear-gradient(135deg,#fff8f3,#fff0ec);border-bottom:1px solid rgba(185,130,40,.18)}
.shop-page-hero h1{font-size:clamp(34px,5vw,56px);margin:8px 0 8px}
.shop-page-hero p{color:var(--muted);font-size:18px;margin:0 auto;max-width:720px}
.es-all-products-wrap{padding:35px 0 55px}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.woocommerce nav.woocommerce-pagination ul li{border:0!important}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{border-radius:12px;background:#fff;border:1px solid var(--line);min-width:42px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1f1c19}
.es-elementor-eyebrow .elementor-heading-title{display:inline-block;background:linear-gradient(135deg,#fff,var(--rose2));border:1px solid var(--line);border-radius:999px;padding:6px 14px}
.es-elementor-hero-img img{border-radius:28px;box-shadow:var(--shadow)}
.elementor-widget-shortcode .woocommerce ul.products{margin-top:18px}


/* v1.9 real Elementor home */
.es-round-img{width:100%;height:350px;object-fit:cover;border-radius:24px;display:block}
.elementor-widget-heading .elementor-heading-title{font-family:Tajawal,Cairo,Arial,sans-serif}
.elementor-widget-text-editor{font-family:Tajawal,Cairo,Arial,sans-serif;line-height:1.9}
.elementor-widget-button .elementor-button{border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1f1c19;font-weight:800;padding:14px 28px}
.elementor-widget-html .cat-grid,
.elementor-widget-html .features,
.elementor-widget-html .gallery{margin-top:18px}
@media(max-width:767px){
    .elementor-widget-heading h1.elementor-heading-title{font-size:36px!important;line-height:1.25!important}
    .es-round-img{height:300px}
}


/* v2.0 WooCommerce and Elementor fixes */
.es-woocommerce-page{padding:35px 0 60px}
.single-product .es-woocommerce-page{max-width:1180px}
.woocommerce div.product{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}
.woocommerce div.product div.images img{border-radius:22px;background:#fff8f3}
.woocommerce div.product .product_title{font-size:clamp(28px,4vw,44px);line-height:1.25;margin-bottom:12px;color:var(--dark)}
.woocommerce div.product p.price,
.woocommerce div.product span.price{font-size:26px!important;color:var(--gold)!important;font-weight:900!important}
.woocommerce div.product form.cart{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}
.woocommerce .quantity .qty{height:44px;border:1px solid var(--line);border-radius:14px;padding:0 10px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin-top:35px}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:1px solid var(--line);border-radius:16px;background:#fff8f3;margin:0 0 8px 8px}
.woocommerce div.product .woocommerce-tabs .panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.es-product-wa{margin-top:12px}
body.elementor-editor-active .site-header{position:relative}
.elementor-editor-active .whatsapp-float{display:none}
@media(max-width:767px){
    .woocommerce div.product{padding:16px;border-radius:22px}
    .woocommerce div.product form.cart{display:block}
    .woocommerce div.product form.cart .button{width:100%;margin-top:10px}
    .woocommerce div.product .product_title{font-size:28px}
}


/* v2.1 Stable admin-managed home + header/logo fixes */
.site-header{background:rgba(255,248,243,.98)!important}
.header-inner{min-height:96px}
.site-branding{flex:0 0 auto}
.brand-mark{gap:0}
.site-logo-img,
.custom-logo-link img,
img.custom-logo{
    width:auto!important;
    height:82px!important;
    max-width:220px!important;
    object-fit:contain!important;
}
.brand-copy{display:none!important}
.main-nav{flex:1 1 auto}
.main-nav ul{justify-content:center}
.header-actions{flex:0 0 auto}
body:not(.home) .site-logo-img,
body:not(.home) .custom-logo-link img,
body:not(.home) img.custom-logo{
    height:70px!important;
    max-width:190px!important;
}
.home .hero{padding-top:55px}
.page-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.25;margin:0 0 8px}
.page-hero p{color:var(--muted);font-size:18px;margin:0}
.woocommerce-page .site-main,
.es-woocommerce-page{clear:both}
@media(max-width:900px){
    .header-inner{min-height:auto}
    .site-branding{flex:1 1 100%;justify-content:center}
    .brand-mark{justify-content:center}
    .site-logo-img,
    .custom-logo-link img,
    img.custom-logo{
        height:76px!important;
        max-width:210px!important;
        margin:auto;
    }
    .main-nav.open{order:10}
    .header-actions{width:100%;justify-content:center}
}
@media(max-width:560px){
    .site-logo-img,
    .custom-logo-link img,
    img.custom-logo{
        height:64px!important;
        max-width:180px!important;
    }
    .topbar{font-size:12px}
}