/*
Theme Name: Tuffaha Tech WooCommerce (تفاحة تك)
Theme URI: https://rykh8.com
Author: Tuffaha Tech
Author URI: https://rykh8.com
Description: ثيم ووردبريس ووكومرس احترافي لمتجر تفاحة تك - متوافق مع WooCommerce واللغة العربية RTL.
Version: 2.1.1
Requires at least: 6.4
Requires PHP: 8.0
WC requires at least: 8.5
License: GPL v2 or later
Text Domain: tafahat-rayan
Direction: rtl
Tags: e-commerce, woocommerce, rtl-language-support, custom-colors, custom-logo, full-width-template
*/

:root{
  --tr-blue:#176BFF;
  --tr-blue-hover:#0E56D8;
  --tr-orange:#FF8A34;
  --tr-orange-hover:#E57624;
  --tr-orange-text:#B93815;
  --tr-white:#FFFFFF;
  --tr-offwhite:#FAFAF7;
  --tr-dark:#111827;
  --tr-muted:#6B7280;
  --tr-border:#E5E7EB;
  --tr-soft-blue:#EFF6FF;
  --tr-radius-lg:24px;
  --tr-radius-md:16px;
  --tr-shadow:0 10px 30px rgba(17,24,39,.06);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;direction:rtl;text-align:right;overflow-x:hidden}
body{font-family:'Cairo','Tajawal',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--tr-white);color:var(--tr-dark);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
.tr-container{width:min(1340px,calc(100% - 32px));margin:0 auto}

/* Top bar */
.tr-topbar{background:var(--tr-blue);color:#fff;font-size:12px;font-weight:700}
.tr-topbar-inner{min-height:34px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:8px}
.tr-topbar-item{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}

/* Header */
.tr-header{background:#fff;border-bottom:1px solid var(--tr-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(17,24,39,.035)}
.tr-header-inner{min-height:72px;display:grid;grid-template-columns:auto minmax(360px,1fr) auto;align-items:center;gap:20px}
.tr-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
.tr-brand-icon{width:44px;height:44px;border-radius:13px;background:#EEF4FF;color:var(--tr-blue);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;overflow:hidden}
.tr-brand-icon img{width:84%;height:84%;object-fit:contain}
.tr-brand-title{display:block;color:var(--tr-blue);font-size:22px;font-weight:900;line-height:1.1}
.tr-brand-subtitle{display:block;color:var(--tr-muted);font-size:10px;font-weight:700;margin-top:3px}
.tr-nav-wrap{min-width:0}
.tr-nav{display:flex;align-items:center;justify-content:center;gap:18px;list-style:none;margin:0;padding:0;white-space:nowrap;font-size:13px;font-weight:800}
.tr-nav a:hover,.tr-nav .current-menu-item a{color:var(--tr-blue)}
.tr-header-actions{display:flex;align-items:center;gap:8px}
.tr-search-form{width:250px;height:40px;display:flex;border:1px solid var(--tr-border);border-radius:12px;overflow:hidden;background:#F8FAFC}
.tr-search-form input{min-width:0;flex:1;border:0;background:transparent;padding:0 12px;outline:0;font-size:12px}
.tr-search-form button{width:42px;border:0;background:var(--tr-blue);color:#fff;cursor:pointer}
.tr-icon-btn,.tr-cart-btn{width:40px;height:40px;border:1px solid #C9D8FF;border-radius:12px;background:#fff;color:var(--tr-blue);display:flex;align-items:center;justify-content:center;position:relative}
.tr-cart-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;border-radius:999px;background:var(--tr-orange);color:var(--tr-dark);font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 4px}

/* Buttons */
.tr-btn-orange,.tr-btn-blue{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 22px;border-radius:999px;font-size:13px;font-weight:900;border:0;cursor:pointer}
.tr-btn-orange{background:var(--tr-orange);color:var(--tr-dark);box-shadow:0 7px 18px rgba(255,138,52,.22)}
.tr-btn-orange:hover{background:var(--tr-orange-hover)}
.tr-btn-blue{background:var(--tr-blue);color:#fff}
.tr-btn-blue:hover{background:var(--tr-blue-hover)}

/* Homepage hero */
.tr-home{padding:18px 0 34px}
.tr-hero{margin:0;min-height:350px;border:1px solid var(--tr-border);border-radius:var(--tr-radius-lg);background:linear-gradient(120deg,#fff 0%,#F8FBFF 55%,#EFF6FF 100%);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;padding:34px 38px;overflow:hidden;box-shadow:var(--tr-shadow)}
.tr-hero-content{min-width:0}
.tr-hero-kicker{display:inline-flex;align-items:center;border:1px solid #DDE7FF;border-radius:999px;background:#fff;color:var(--tr-blue);font-size:11px;font-weight:900;padding:6px 10px}
.tr-hero-title{margin:13px 0 8px;font-size:clamp(38px,4.8vw,60px);line-height:1.08;font-weight:900;letter-spacing:-.04em}
.tr-hero-title span{display:block;color:var(--tr-blue)}
.tr-hero-copy{margin:0 0 20px;color:#4B5563;font-size:16px;font-weight:600;max-width:620px}
.tr-hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid var(--tr-border);font-size:11px;font-weight:800;color:#374151}
.tr-hero-trust>div{padding:8px;border-radius:10px;background:rgba(255,255,255,.7);text-align:center}
.tr-hero-media{min-width:0}
.tr-hero-products{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:12px;min-height:280px}
.tr-hero-product{background:#fff;border:1px solid var(--tr-border);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 26px rgba(17,24,39,.06);padding:12px}
.tr-hero-product img{width:100%;height:100%;object-fit:contain}
.tr-hero-product-main{grid-row:1 / span 2}
.tr-hp-1,.tr-hp-2{min-height:0}

/* Section headings */
.tr-home-section{margin:28px 0}
.tr-section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}
.tr-section-heading span{display:block;color:var(--tr-muted);font-size:11px;font-weight:700;margin-bottom:2px}
.tr-section-heading h2,.tr-brand-copy h2{margin:0;font-weight:900}
.tr-section-heading h2{font-size:26px}
.tr-section-heading a{color:var(--tr-blue);font-size:12px;font-weight:900}

/* Categories */
.tr-categories-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}
.tr-cat-card{min-width:0;background:#fff;border:1px solid var(--tr-border);border-radius:15px;padding:9px;text-align:center;transition:.18s ease}
.tr-cat-card:hover{border-color:#BBD0FF;transform:translateY(-2px);box-shadow:0 10px 22px rgba(17,24,39,.05)}
.tr-cat-icon{height:86px;border-radius:12px;background:#F8FAFC;display:flex;align-items:center;justify-content:center;font-size:29px;margin:0}
.tr-cat-title{padding-top:7px;font-size:12px;font-weight:900;white-space:normal}

/* Brand showcases */
.tr-brand-stack{display:grid;gap:16px;margin-top:26px}
.tr-brand-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:24px;min-height:250px;border:1px solid var(--tr-border);border-radius:22px;padding:26px 30px;overflow:hidden}
.tr-brand-warm{background:linear-gradient(115deg,#FFF8F1,#fff 58%)}
.tr-brand-cool{background:linear-gradient(115deg,#EFF6FF,#fff 58%)}
.tr-brand-light{background:linear-gradient(115deg,#F8FAFC,#fff 58%)}
.tr-brand-olive{background:linear-gradient(115deg,#F6F8EE,#fff 58%)}
.tr-brand-reverse .tr-brand-copy{order:2}
.tr-brand-reverse .tr-brand-visual{order:1}
.tr-brand-kicker{display:block;color:var(--tr-muted);font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:4px}
.tr-brand-copy h2{font-size:32px;line-height:1.15}
.tr-brand-copy p{margin:8px 0 18px;color:#4B5563;font-size:14px;font-weight:600;max-width:520px}
.tr-brand-visual{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;align-items:stretch;min-width:0}
.tr-brand-product{min-width:0;height:180px;border:1px solid var(--tr-border);border-radius:17px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;box-shadow:0 10px 24px rgba(17,24,39,.05)}
.tr-brand-product img{width:100%;height:100%;object-fit:contain}

/* WooCommerce */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:20px 0 36px!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product,.tr-product-card{width:100%!important;margin:0!important;background:#fff;border:1px solid var(--tr-border);border-radius:15px;padding:11px!important;text-align:right;display:flex;flex-direction:column;min-width:0}
.woocommerce ul.products li.product img{border-radius:12px;background:#F8FAFC}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;font-weight:900!important;line-height:1.5!important;color:var(--tr-dark)!important}
.woocommerce ul.products li.product .price,.tr-product-price{color:var(--tr-orange-text)!important;font-size:16px!important;font-weight:900!important}
.woocommerce ul.products li.product .button,.tr-add-to-cart{width:100%;background:var(--tr-orange)!important;color:var(--tr-dark)!important;border:0!important;border-radius:10px!important;padding:9px 10px!important;font-size:12px!important;font-weight:900!important;text-align:center!important;margin-top:auto!important}
.woocommerce div.product p.price{color:var(--tr-orange-text)!important;font-weight:900}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{font-family:inherit!important}

/* Footer */
footer{background:#fff!important;border-top:1px solid var(--tr-border)!important;margin-top:36px!important}
footer .tr-container{padding-top:28px!important;padding-bottom:20px!important}

/* Content pages */
.tr-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tr-blog-card{border:1px solid var(--tr-border);border-radius:15px;background:#fff;overflow:hidden}
.entry-content{font-size:16px;line-height:1.9}

/* Tablet */
@media(max-width:1100px){
  .tr-header-inner{grid-template-columns:auto 1fr auto}
  .tr-nav{gap:11px;font-size:12px}
  .tr-search-form{width:190px}
  .tr-categories-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Mobile */
@media(max-width:767px){
  .tr-container{width:min(100% - 16px,1340px)}
  .tr-topbar-inner{grid-template-columns:repeat(2,1fr);padding:5px 0;gap:3px}
  .tr-topbar-item{font-size:9px}
  .tr-topbar-item:nth-child(n+3){display:none}

  .tr-header{position:relative}
  .tr-header-inner{min-height:0;display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 0}
  .tr-brand{grid-column:1;grid-row:1}
  .tr-brand-icon{width:38px;height:38px;border-radius:11px}
  .tr-brand-title{font-size:18px}
  .tr-brand-subtitle{font-size:8px}
  .tr-nav-wrap{display:none}
  .tr-header-actions{grid-column:2;grid-row:1}
  .tr-search-form{grid-column:1/-1;grid-row:2;width:100%;height:36px}
  .tr-icon-btn,.tr-cart-btn{width:34px;height:34px;border-radius:10px}

  .tr-home{padding-top:10px}
  .tr-hero{grid-template-columns:1fr;padding:18px;border-radius:18px;gap:14px;min-height:0}
  .tr-hero-title{font-size:31px;letter-spacing:-.025em}
  .tr-hero-copy{font-size:12px;margin-bottom:14px}
  .tr-hero-trust{font-size:8px;gap:5px;margin-top:15px;padding-top:12px}
  .tr-hero-trust>div{padding:6px 4px}
  .tr-hero-products{min-height:170px;gap:8px}
  .tr-hero-product{border-radius:14px;padding:7px}

  .tr-section-heading h2{font-size:21px}
  .tr-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .tr-cat-icon{height:92px}
  .tr-cat-title{font-size:11px}

  .tr-brand-showcase{grid-template-columns:1fr;padding:18px;border-radius:18px;gap:14px;min-height:0}
  .tr-brand-reverse .tr-brand-copy,.tr-brand-reverse .tr-brand-visual{order:initial}
  .tr-brand-copy h2{font-size:25px}
  .tr-brand-copy p{font-size:12px;margin-bottom:14px}
  .tr-brand-visual{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:8px}
  .tr-brand-product{height:125px;border-radius:14px;padding:7px}

  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .woocommerce ul.products li.product{padding:8px!important}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:11px!important}
  .woocommerce ul.products li.product .price{font-size:14px!important}
  .woocommerce ul.products li.product .button{font-size:10px!important;padding:8px 6px!important}

  .tr-blog-grid{grid-template-columns:1fr}
}

@media(max-width:390px){
  .tr-cat-icon{height:82px}
  .tr-brand-product{height:112px}
  .tr-hero-title{font-size:28px}
}