/*
Theme Name: Rawnak Shop v10
Theme URI: https://rawnak-shop.com
Author: Rawnak Shop
Description: A calm bilingual WooCommerce storefront inspired by the Rawnak editorial design.
Version: 1.0.0
Text Domain: rawnak-shop
*/
:root{--ink:#1d3a35;--coral:#d06b54;--cream:#fbfaf7;--sage:#e5eee6;--peach:#f5e3dd;--line:#e6e7e4;--muted:#687276}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Arabic","DM Sans",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(230,231,228,.8);background:rgba(255,255,255,.88);backdrop-filter:blur(18px)}.header-inner{max-width:1240px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:16px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 10px 22px rgba(29,58,53,.18)}.brand-name{display:block;letter-spacing:.24em;font:700 15px Arial,sans-serif}.brand-sub{display:block;color:#9aa3a2;font:10px Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase}.main-nav{display:flex;gap:30px;color:#5d6769;font-size:14px}.main-nav a:hover{color:var(--coral)}.header-actions{display:flex;align-items:center;gap:8px}.lang-switch,.admin-link,.hero-button,.outline-button,.shop-button{border-radius:999px;padding:10px 17px;font-size:13px;font-weight:700}.lang-switch{border:1px solid var(--line);background:#fff;color:#5d6769}.admin-link,.hero-button,.shop-button{background:var(--coral);color:#fff}.hero-button{background:var(--ink);box-shadow:0 14px 28px rgba(29,58,53,.14)}.outline-button{border:1px solid #ccd3d0;background:rgba(255,255,255,.65);color:var(--ink)}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 15%,rgba(230,196,178,.42),transparent 35%),radial-gradient(circle at 15% 80%,rgba(207,224,214,.44),transparent 32%)}.hero-inner{max-width:1240px;margin:auto;padding:88px 24px 112px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.eyebrow,.section-kicker{display:inline-flex;color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.08em}.eyebrow{padding:8px 13px;border:1px solid rgba(208,107,84,.2);border-radius:999px;background:rgba(255,255,255,.62)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:650px;margin:22px 0;font-size:clamp(46px,6vw,82px);line-height:1.06;letter-spacing:-.06em}.hero-copy{max-width:580px;color:#596669;font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-art{position:relative;max-width:520px;aspect-ratio:.9;border-radius:48px;background:#d7e3d9;padding:20px;box-shadow:0 28px 60px rgba(29,58,53,.1)}.hero-art:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.75);border-radius:40px}.hero-art:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(6deg);width:190px;height:190px;border:1px solid rgba(255,255,255,.8);border-radius:56px;background:rgba(255,255,255,.42);display:grid;place-items:center;font-size:64px}.blob-one,.blob-two{position:absolute;border-radius:50%;background:#f1d5c8;width:190px;height:190px;left:48px;top:54px}.blob-two{width:220px;height:300px;border-radius:130px;background:rgba(248,242,232,.85);left:auto;top:auto;right:30px;bottom:38px}.section{max-width:1240px;margin:auto;padding:72px 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section h2{font-size:36px;letter-spacing:-.04em;margin:8px 0 0}.category-grid,.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{padding:22px;border-radius:24px;min-height:170px}.category-card:nth-child(4n+1){background:var(--sage)}.category-card:nth-child(4n+2){background:var(--peach)}.category-card:nth-child(4n+3){background:#eee9db}.category-card:nth-child(4n+4){background:#e8e6f1}.category-card h3{font-size:18px;margin:44px 0 4px}.category-card p,.product-card p{color:var(--muted);font-size:13px;margin-bottom:0}.products-section{background:#fff}.product-card{border:1px solid var(--line);border-radius:28px;background:#fff;padding:12px;box-shadow:0 12px 45px rgba(29,58,53,.05)}.product-art{height:190px;border-radius:22px;background:linear-gradient(135deg,#f5e3dd,#e5eee6);display:grid;place-items:center;font-size:50px}.product-card-body{padding:14px 8px 6px}.store-label{display:block;color:var(--coral);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.product-card h3{font-size:19px;line-height:1.5;margin:8px 0}.product-meta{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:20px}.product-price small{display:block;color:#9ba4a2;font-size:10px}.product-price strong{font-size:17px}.shop-button{padding:9px 13px;font-size:12px}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.about-copy{font-size:21px;color:#5d6769}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.pillar{padding:18px;border-radius:18px;font-weight:800;font-size:14px}.pillar:nth-child(1){background:var(--sage)}.pillar:nth-child(2){background:var(--peach)}.pillar:nth-child(3){background:#eee9db}.journal{background:var(--ink);color:#fff}.journal .section-heading{color:#fff}.journal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.journal-card{padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.05)}.journal-card h3{font-size:25px;line-height:1.35;margin:42px 0 10px}.journal-card p{color:rgba(255,255,255,.62);font-size:14px}.disclosure{margin:32px 0 0;text-align:center;color:rgba(255,255,255,.45);font-size:12px}.site-footer{border-top:1px solid var(--line);padding:28px 24px;color:var(--muted);font-size:12px}.footer-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:16px}.footer-links{display:flex;gap:18px}@media(max-width:800px){.main-nav{display:none}.header-inner{padding:12px 16px}.admin-link{display:none}.hero-inner{grid-template-columns:1fr;padding:56px 18px 80px;gap:34px}.hero h1{font-size:52px}.hero-copy{font-size:16px}.hero-art{width:100%}.section{padding:52px 18px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:20px}.journal-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.pillars{grid-template-columns:1fr}.section h2{font-size:30px}}@media(max-width:480px){.category-grid,.product-grid{grid-template-columns:1fr}.hero h1{font-size:45px}.hero-actions{flex-direction:column;align-items:stretch}.hero-button,.outline-button{text-align:center}.brand-sub{letter-spacing:.2em}}

.product-art{overflow:hidden;position:relative}.product-image{display:block;width:100%;height:190px!important;object-fit:cover;border-radius:22px;margin:0!important}.product-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:50px}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0!important;padding:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;border:1px solid var(--line);border-radius:28px;background:#fff;padding:12px;box-shadow:0 12px 45px rgba(29,58,53,.05);overflow:hidden}.woocommerce ul.products li.product a img{width:100%;height:190px;object-fit:cover;border-radius:22px;margin:0 0 14px!important}.woocommerce ul.products li.product .price{color:var(--ink);font-weight:700}.woocommerce ul.products li.product .button{background:var(--coral);color:#fff;border-radius:999px;padding:9px 13px;font-size:12px}@media(max-width:800px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.woocommerce ul.products{grid-template-columns:1fr}}
.product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:58px;align-items:start;margin-top:28px}.product-info h1{font-size:clamp(34px,5vw,62px);line-height:1.12;letter-spacing:-.05em;margin:12px 0 22px}.rawnak-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery-item{border:0;padding:0;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#f5e3dd,#e5eee6);cursor:zoom-in;box-shadow:0 14px 34px rgba(29,58,53,.08);transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s ease}.gallery-item:hover,.gallery-item:focus-visible{transform:scale(1.025);box-shadow:0 20px 42px rgba(29,58,53,.15);outline:2px solid rgba(208,107,84,.4);outline-offset:3px}.gallery-image{display:block;width:100%;height:300px;object-fit:cover}.gallery-item:first-child{grid-column:1/-1}.gallery-item:first-child .gallery-image{height:430px}.gallery-empty{min-height:430px;border-radius:26px;background:var(--sage);display:grid;place-items:center;font-size:64px}.rawnak-lightbox{position:fixed;inset:0;z-index:100;background:rgba(20,34,31,.82);display:flex;align-items:center;justify-content:center;padding:48px 9vw;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.rawnak-lightbox.is-open{opacity:1;visibility:visible}.rawnak-lightbox img{max-width:min(900px,82vw);max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.rawnak-modal-open{overflow:hidden}.lightbox-close,.lightbox-arrow{position:absolute;border:0;color:#fff;background:rgba(255,255,255,.14);width:48px;height:48px;border-radius:50%;font-size:32px;line-height:1;cursor:pointer;transition:background .18s ease,transform .18s ease}.lightbox-close:hover,.lightbox-arrow:hover{background:var(--coral);transform:scale(1.06)}.lightbox-close{top:22px;right:26px}.lightbox-prev{left:3vw}.lightbox-next{right:3vw}
@media(max-width:800px){.product-layout{grid-template-columns:1fr;gap:30px}.gallery-image{height:220px}.gallery-item:first-child .gallery-image{height:320px}.rawnak-lightbox{padding:48px 18px}.rawnak-lightbox img{max-width:92vw;max-height:76vh}.lightbox-prev{left:12px}.lightbox-next{right:12px}}

/* Rawnak interaction polish: enlarge the complete product card on hover/focus. */
.product-card{position:relative;transform-origin:center;transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s ease,border-color .22s ease;will-change:transform}
.product-card:hover,.product-card:focus-within{transform:scale(1.025);box-shadow:0 20px 52px rgba(29,58,53,.14);border-color:rgba(208,107,84,.28);z-index:2}
/* Give every lightbox image the same presentation area; contain preserves its ratio. */
.rawnak-lightbox img{width:min(900px,82vw);height:min(82vh,760px);max-width:90vw;max-height:82vh;object-fit:contain;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.35);background:#fff}
@media(max-width:800px){.rawnak-lightbox img{width:92vw;height:76vh;max-width:92vw;max-height:76vh}}

/* Product gallery: thumbnails and hover magnifier. */
.product-media{min-width:0}.rawnak-main-stage{position:relative;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(29,58,53,.08)}.main-image-button{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;overflow:hidden}.main-image-button .gallery-image{display:block;width:100%;height:min(62vw,560px);min-height:340px;object-fit:contain;background:#fff}.zoom-hint{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(29,58,53,.82);color:#fff;font-size:26px;opacity:.9;pointer-events:none}.rawnak-zoom-lens{position:absolute;width:170px;height:170px;border:3px solid #fff;border-radius:50%;background-repeat:no-repeat;background-size:220% auto;box-shadow:0 10px 30px rgba(29,58,53,.28);transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .16s ease}.rawnak-zoom-lens.is-visible{opacity:1}.rawnak-thumbnails{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.rawnak-thumbnail{width:76px;height:76px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.rawnak-thumbnail:hover,.rawnak-thumbnail:focus-visible{transform:translateY(-2px);border-color:var(--coral);outline:none}.rawnak-thumbnail.is-active{border:2px solid var(--coral);box-shadow:0 6px 18px rgba(208,107,84,.18)}.rawnak-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}.rawnak-lightbox img{width:min(900px,82vw);height:min(82vh,760px);max-width:90vw;max-height:82vh;object-fit:contain;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.35);background:#fff}@media(max-width:800px){.main-image-button .gallery-image{height:420px;min-height:260px}.rawnak-zoom-lens{display:none}.rawnak-thumbnails{gap:8px}.rawnak-thumbnail{width:64px;height:64px}.rawnak-lightbox img{width:92vw;height:76vh;max-width:92vw;max-height:76vh}}
