/*
Theme Name: Temu Shop
Theme URI: https://example.com
Author: Temu Shop
Description: قالب ووردبريس لعرض منتجات Temu (صور متعددة + فيديو + وصف) عبر واجهة Temu Open API. يدعم العربية وRTL.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: temushop
*/

:root{
  --c-bg:#f6f7f9; --c-card:#fff; --c-text:#1b1f27; --c-muted:#6b7280;
  --c-primary:#fb7701; --c-primary-d:#d96300; --c-border:#e5e7eb; --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(1200px,92%);margin-inline:auto}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}
.site-title{font-size:1.4rem;font-weight:800;color:var(--c-primary)}
.main-nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0}
.main-nav a{font-weight:600;color:var(--c-muted)}
.main-nav a:hover{color:var(--c-primary)}

/* Hero */
.hero{background:linear-gradient(135deg,#fb7701,#ff9f43);color:#fff;padding:60px 0;text-align:center}
.hero h1{margin:0 0 10px;font-size:clamp(1.8rem,4vw,2.8rem)}
.hero p{margin:0;opacity:.95}

/* Grid */
.section-title{font-size:1.5rem;margin:40px 0 20px}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-bottom:40px}
.product-card{background:var(--c-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-border);transition:.2s;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.product-card .thumb{position:relative;aspect-ratio:1/1;background:#f0f1f3;overflow:hidden}
.product-card .thumb img{width:100%;height:100%;object-fit:cover}
.badge-video{position:absolute;inset-block-start:10px;inset-inline-start:10px;background:rgba(0,0,0,.7);color:#fff;font-size:.75rem;padding:3px 10px;border-radius:99px}
.product-card .info{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.product-card h3{margin:0;font-size:.98rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.price{color:var(--c-primary);font-weight:800;font-size:1.1rem;margin-top:auto}
.btn{display:inline-block;background:var(--c-primary);color:#fff;padding:12px 26px;border-radius:10px;font-weight:700;border:0;cursor:pointer;transition:.2s}
.btn:hover{background:var(--c-primary-d)}
.btn.outline{background:transparent;color:var(--c-primary);border:2px solid var(--c-primary)}

/* Single product */
.single-product{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-block:40px;background:#fff;border-radius:var(--radius);padding:28px;border:1px solid var(--c-border)}
.gallery .main-media{aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;background:#f0f1f3}
.gallery .main-media img,.gallery .main-media video,.gallery .main-media iframe{width:100%;height:100%;object-fit:contain;border:0}
.gallery .thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:6px}
.gallery .thumbs button{flex:0 0 74px;height:74px;border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;background:#f0f1f3;cursor:pointer;position:relative}
.gallery .thumbs button.active{border-color:var(--c-primary)}
.gallery .thumbs img{width:100%;height:100%;object-fit:cover}
.gallery .thumbs .vid::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.45);font-size:1.4rem}
.product-info h1{margin-top:0;font-size:1.6rem}
.product-info .price{font-size:1.8rem;display:block;margin-block:14px}
.product-description{background:#fff;border-radius:var(--radius);padding:28px;border:1px solid var(--c-border);margin-bottom:24px}
.desc-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:20px}
.desc-images img{border-radius:12px;width:100%}

/* Pagination / footer */
.pagination{display:flex;gap:8px;justify-content:center;margin-bottom:40px}
.pagination a,.pagination span{padding:8px 14px;background:#fff;border:1px solid var(--c-border);border-radius:8px}
.pagination .current{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
.site-footer{background:#1b1f27;color:#cbd0d8;text-align:center;padding:26px 0;margin-top:40px}

@media(max-width:820px){
  .single-product{grid-template-columns:1fr;padding:16px}
  .main-nav{display:none}
}