/*
Theme Name: Banana Pixels
Theme URI: https://bananapixels.sa
Author: Banana Pixels
Author URI: https://bananapixels.sa
Description: ثيم ووردبريس مخصّص لمتجر Banana Pixels للاشتراكات الرقمية. هوية بكسل 8-بت (أصفر/أسود)، زوايا مقصوصة، حدود سوداء سميكة، شريط فئات متحرك، فلاتر متجر، ودعم كامل لـ WooCommerce و Elementor و RTL. تجربة شيك اوت مبسّطة.
Version: 1.1.4
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: banana-pixels
Tags: e-commerce, rtl-language-support, custom-colors, custom-menu, custom-logo, featured-images, translation-ready, full-width-template, theme-options
*/

/* ============================================================
   1) رموز التصميم — مصدر الحقيقة الوحيد للألوان والمسافات
   ============================================================ */
:root{
  --bp-banana:#F5D74E;
  --bp-banana-dp:#D9B93A;
  --bp-ink:#0B0B0B;
  --bp-ink-soft:#1A1608;
  --bp-peel:#FFF4CC;
  --bp-paper:#FFFDF5;
  --bp-screen:#3DDC84;
  --bp-alert:#FF4A3D;
  --bp-tx2:#4A4534;
  --bp-tx3:#6E6853;
  --bp-line:#E0DBC4;
  --bp-px:4px;
}

/* ============================================================
   2) الأساس
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:'Tajawal',-apple-system,'Segoe UI',sans-serif;
  background:var(--bp-paper);
  color:var(--bp-ink);
  line-height:1.8;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:.15s}
h1,h2,h3,h4,h5,h6{font-weight:900;line-height:1.35;margin:0 0 .5rem}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1rem}

.pixfont{font-family:'Press Start 2P',monospace;direction:ltr;unicode-bidi:embed;line-height:1.6}
.mono{font-family:'IBM Plex Mono',monospace;direction:ltr;unicode-bidi:embed}
.bp-pixelated{image-rendering:pixelated}

/* ── التوقيع البصري: صندوق بحد بكسل ── */
.bp-pix{
  position:relative;background:#fff;
  box-shadow:
    0 calc(var(--bp-px)*-1) 0 0 var(--bp-ink),
    0 var(--bp-px) 0 0 var(--bp-ink),
    calc(var(--bp-px)*-1) 0 0 0 var(--bp-ink),
    var(--bp-px) 0 0 0 var(--bp-ink);
}
.bp-pix-d{
  box-shadow:
    0 calc(var(--bp-px)*-1) 0 0 var(--bp-ink),
    0 var(--bp-px) 0 0 var(--bp-ink),
    calc(var(--bp-px)*-1) 0 0 0 var(--bp-ink),
    var(--bp-px) 0 0 0 var(--bp-ink),
    var(--bp-px) var(--bp-px) 0 var(--bp-px) rgba(11,11,11,.16);
}

.bp-main{min-height:50vh}
.bp-site-content{padding:0 0 2.5rem}

/* ============================================================
   3) الترويسة والقائمة
   ============================================================ */
.bp-header{
  background:var(--bp-ink);position:sticky;top:0;z-index:600;
  border-bottom:var(--bp-px) solid var(--bp-banana);
}
.admin-bar .bp-header{top:32px}
@media screen and (max-width:782px){.admin-bar .bp-header{top:46px}}

.bp-header-inner{
  max-width:1180px;margin:0 auto;padding:0 1.5rem;min-height:62px;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.bp-brand{display:flex;align-items:center;gap:11px}
.bp-brand .bp-mark{width:38px;height:38px;background:var(--bp-banana);flex-shrink:0;
  display:flex;align-items:center;justify-content:center}
.bp-brand .bp-mark svg{width:28px;height:28px}
.bp-brand-txt b{color:#fff;font-size:14px;display:block;line-height:1.25;font-weight:900}
.bp-brand-txt span{color:rgba(255,255,255,.58);font-size:10.5px;display:block;line-height:1.4}
.bp-brand img,.bp-header .custom-logo{max-height:44px;width:auto}

.bp-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
.bp-nav a{color:rgba(255,255,255,.62);font-size:14px;font-weight:500;padding:7px 13px;display:block}
.bp-nav a:hover,
.bp-nav .current-menu-item>a,
.bp-nav .current_page_item>a{background:var(--bp-banana);color:var(--bp-ink);font-weight:700}
.bp-nav .sub-menu{display:none;position:absolute;background:var(--bp-ink);
  border:3px solid var(--bp-banana);flex-direction:column;min-width:180px;z-index:10}
.bp-nav li{position:relative}
.bp-nav li:hover>.sub-menu{display:flex}

.bp-header-actions{display:flex;align-items:center;gap:.45rem}
.bp-icon-btn{color:#fff;padding:7px;display:flex;position:relative;background:none;border:none;cursor:pointer}
.bp-icon-btn:hover{color:var(--bp-banana)}
.bp-cart-count{
  position:absolute;top:-2px;left:-2px;background:var(--bp-alert);color:var(--bp-ink);
  font-size:10px;font-weight:900;min-width:17px;height:17px;padding:0 3px;
  display:flex;align-items:center;justify-content:center;
}
.bp-menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:6px}

/* ============================================================
   4) الأزرار — طراز الآركيد
   ============================================================ */
.bp-btn{
  font-family:'Tajawal',sans-serif;font-size:15px;font-weight:900;cursor:pointer;
  padding:12px 22px;border:none;background:var(--bp-banana);color:var(--bp-ink);
  border-radius:0 !important;line-height:1.2;display:inline-block;text-align:center;
  box-shadow:
    0 calc(var(--bp-px)*-1) 0 0 var(--bp-ink),0 var(--bp-px) 0 0 var(--bp-ink),
    calc(var(--bp-px)*-1) 0 0 0 var(--bp-ink),var(--bp-px) 0 0 0 var(--bp-ink),
    var(--bp-px) var(--bp-px) 0 var(--bp-px) rgba(11,11,11,.2);
  transition:transform .08s;
}
.bp-btn:hover{transform:translate(2px,2px);color:var(--bp-ink)}
.bp-btn:active{transform:translate(var(--bp-px),var(--bp-px))}
.bp-btn:focus-visible{outline:3px solid var(--bp-screen);outline-offset:5px}
.bp-btn.sec{background:#fff}
.bp-btn.dk{background:var(--bp-ink);color:var(--bp-banana)}
.bp-btn.g{background:var(--bp-screen)}
.bp-btn.sm{font-size:13.5px;padding:9px 16px}
.bp-btn.full{display:block;width:100%}

/* ============================================================
   5) النماذج
   ============================================================ */
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],
input[type="number"],input[type="search"],input[type="url"],textarea,select{
  font-family:'Tajawal',sans-serif;font-size:15px;padding:11px 13px;width:100%;
  background:#fff;color:var(--bp-ink);border:3px solid var(--bp-ink);
  border-radius:0 !important;line-height:1.4;
}
input:focus,textarea:focus,select:focus{outline:3px solid var(--bp-screen);outline-offset:2px}
label{font-weight:900;font-size:13.5px;color:var(--bp-ink)}

/* ============================================================
   6) أدوات
   ============================================================ */
.screen-reader-text{
  position:absolute !important;width:1px;height:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px);white-space:nowrap;
}
.screen-reader-text:focus{
  background:var(--bp-banana);color:var(--bp-ink);clip:auto;height:auto;width:auto;
  padding:12px 20px;top:5px;right:5px;z-index:100000;font-weight:900;
}
.bp-page-links{margin-top:1.5rem;font-weight:700}

/* ============================================================
   7) الاستجابة
   ============================================================ */
@media(max-width:900px){
  .bp-nav{
    position:absolute;top:100%;right:0;left:0;background:var(--bp-ink);
    border-bottom:var(--bp-px) solid var(--bp-banana);display:none;padding:.5rem 1.5rem 1rem;
  }
  .bp-nav.open{display:block}
  .bp-nav ul{flex-direction:column;gap:0;align-items:stretch}
  .bp-nav a{padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
  .bp-nav .sub-menu{position:static;border:none;padding-right:1rem}
  .bp-nav li:hover>.sub-menu{display:block}
  .bp-menu-toggle{display:block}
}

::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:var(--bp-peel)}
::-webkit-scrollbar-thumb{background:var(--bp-ink)}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important}
}