/*
Theme Name: Saudi Codes
Theme URI: https://saudicoodes.com
Author: Saudi Codes
Description: قالب عربي RTL مخصص لموقع كود السعودية.
Version: 1.6.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: saudi-codes
*/
:root{--p:#6f42d8;--pd:#3f1689;--bg:#f7f7fb;--txt:#19192b;--mut:#737386;--bd:#e7e5ef;--ok:#1eaa66;--sh:0 12px 35px rgba(29,18,66,.08);--r:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;direction:rtl;background:var(--bg);color:var(--txt);font-family:Tahoma,Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.c{width:min(1180px,calc(100% - 32px));margin:auto}.top{background:#101426;color:#fff;font-size:13px}.topin{min-height:40px;display:flex;justify-content:space-between;align-items:center;gap:18px}.toplinks{display:flex;gap:22px;flex-wrap:wrap}.head{background:#fff;border-bottom:1px solid var(--bd)}.headin{min-height:96px;display:grid;grid-template-columns:260px 1fr 220px;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px}.mark{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--p),var(--pd));display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900}.btitle{font-size:26px;font-weight:900;color:var(--p)}.btag{font-size:12px;color:var(--mut)}.search{position:relative}.search input{width:100%;height:52px;border:1px solid var(--bd);border-radius:14px;padding:0 18px 0 52px;outline:none}.search input:focus{border-color:var(--p);box-shadow:0 0 0 4px #f1ebff}.search button{position:absolute;left:8px;top:8px;width:38px;height:38px;border:0;border-radius:10px;background:var(--p);color:#fff}.actions{display:flex;justify-content:flex-end;gap:12px}.btn{min-height:44px;border-radius:12px;padding:10px 18px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btnp{background:var(--p);color:#fff}.btnl{background:#fff;border-color:var(--bd)}.btno{background:transparent;color:var(--p);border-color:var(--p)}.nav{background:#fff;border-bottom:1px solid var(--bd)}.navin{min-height:54px;display:flex;align-items:center;gap:30px;overflow:auto}.nav a{white-space:nowrap;font-weight:800;font-size:14px;padding:16px 0;border-bottom:3px solid transparent}.nav a:hover{color:var(--p);border-color:var(--p)}.homegrid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;padding:28px 0}.hero{min-height:300px;border-radius:22px;padding:44px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.16),transparent 34%),linear-gradient(135deg,#7e49e8,#3f1689);color:#fff;box-shadow:var(--sh)}.hero h1{font-size:clamp(34px,5vw,52px);line-height:1.25;margin:8px 0 14px}.hero p{color:rgba(255,255,255,.82)}.ticket{background:#fff;color:var(--txt);border-radius:20px;min-height:160px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:2px dashed #b99fff}.tpart{padding:26px;display:grid;place-items:center;text-align:center}.tpart+.tpart{border-right:1px dashed #c9b8ff}.tvalue{font-size:42px;font-weight:900;color:var(--p)}.tcode{font-size:30px;font-weight:900;color:var(--p);direction:ltr}.features{margin-top:18px;background:#fff;border:1px solid var(--bd);border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--sh)}.feat{padding:20px;display:flex;align-items:center;gap:12px}.fi{width:42px;height:42px;border-radius:12px;background:#f1ebff;color:var(--p);display:grid;place-items:center;font-size:20px}.feat strong,.store strong{display:block}.feat small,.mut{color:var(--mut)}.card{background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh)}.section{margin-top:22px}.sectionhead{padding:20px 22px;border-bottom:1px solid var(--bd);display:flex;justify-content:space-between;align-items:center;gap:16px}.sectionhead h2{margin:0;font-size:22px}.sectionhead a{color:var(--p);font-size:13px;font-weight:800}.coupons{padding:0 22px 10px}.coupon{display:grid;grid-template-columns:90px minmax(0,1fr) 140px 140px;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--bd)}.coupon:last-child{border-bottom:0}.logo{width:76px;height:58px;border:1px solid var(--bd);border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#fff}.logo img{width:100%;height:100%;object-fit:contain;padding:8px}.ctitle{font-weight:900;font-size:17px}.meta{margin-top:4px;color:var(--mut);font-size:12px;display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#eaf8f1;color:var(--ok);font-size:11px;font-weight:900}.code{min-height:48px;border:2px dashed #cbb9ff;border-radius:12px;display:grid;place-items:center;font-weight:900;direction:ltr;background:#fff}.copy{border:0;min-height:48px;border-radius:12px;background:var(--p);color:#fff;font-weight:900;cursor:pointer}.empty{padding:32px;text-align:center;color:var(--mut)}.side{display:flex;flex-direction:column;gap:24px}.side .card{padding:22px}.store{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--bd)}.store:last-child{border-bottom:0}.newsletter{color:#fff;background:linear-gradient(145deg,#8050ea,#3d1488)}.newsletter input{width:100%;min-height:48px;border-radius:10px;border:0;padding:0 14px;margin:8px 0}.cats{margin:26px 0 44px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cat{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:18px 10px;text-align:center;box-shadow:var(--sh)}.cati{font-size:28px;color:var(--p);display:block}.crumb{font-size:13px;color:var(--mut);padding:24px 0 8px}.single{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding-bottom:44px}.content{padding:28px}.content h1{font-size:clamp(28px,4vw,42px);margin-top:0}.box{margin:24px 0;padding:24px;border-radius:18px;border:1px solid var(--bd);background:linear-gradient(180deg,#fff,#faf7ff)}.bigcode{margin:14px 0;padding:18px;text-align:center;font-size:30px;font-weight:900;direction:ltr;border-radius:14px;border:2px dashed #baa0ff}.infogrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info{border:1px solid var(--bd);border-radius:12px;padding:14px;background:#fff}.info small{display:block;color:var(--mut)}.csec{margin-top:28px}.note{padding:16px;border-right:4px solid #f4a62a;background:#fff7e9;border-radius:10px}.singleside{padding:22px;height:max-content;position:sticky;top:20px}.brandlogo{width:150px;height:110px;border:1px solid var(--bd);border-radius:16px;margin:0 auto 16px;display:grid;place-items:center;overflow:hidden}.brandlogo img{width:100%;height:100%;object-fit:contain;padding:12px}.archive{padding:34px 0 48px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gcard{padding:20px}.foot{background:#111426;color:#fff;padding:50px 0 22px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}.foot ul{list-style:none;margin:0;padding:0}.foot li{margin-bottom:9px;color:rgba(255,255,255,.72)}.footbottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.65);font-size:13px}@media(max-width:980px){.headin{grid-template-columns:1fr;padding:18px 0}.actions{justify-content:flex-start}.homegrid,.single{grid-template-columns:1fr}.side{display:grid;grid-template-columns:repeat(2,1fr)}.singleside{position:static}.hero{grid-template-columns:1fr;gap:28px}.features{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.c{width:min(100% - 20px,1180px)}.actions{display:none}.hero{padding:28px 22px}.ticket{min-height:130px}.tpart{padding:16px 10px}.tvalue{font-size:30px}.tcode{font-size:22px}.features{grid-template-columns:1fr}.coupon{grid-template-columns:64px 1fr}.coupon .code,.coupon .copy{grid-column:1/-1}.side{grid-template-columns:1fr}.cats{grid-template-columns:repeat(2,1fr)}.grid,.infogrid,.footgrid{grid-template-columns:1fr}}

/* Saudi Codes v1.1 fixes */
.btag{
  display:block;
  max-width:230px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hero .btnl{
  color:var(--p);
  font-weight:900;
}
.tvalue{
  font-size:clamp(20px,2.4vw,34px);
  line-height:1.25;
  max-width:220px;
  overflow-wrap:anywhere;
}
.brand>span:last-child{
  min-width:0;
}
@media(max-width:680px){
  .btag{max-width:200px}
  .tvalue{font-size:22px}
}



/* Saudi Codes v1.6 — clean coupon page only */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body.single-coupon main {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.single-coupon .coupon-page-clean {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
  padding: 24px 0 48px;
}

body.single-coupon .coupon-page-clean__article {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

body.single-coupon .coupon-page-clean__title {
  margin: 8px 0 22px;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.25;
}

body.single-coupon .coupon-page-clean__content {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.single-coupon .coupon-page-clean__content > * {
  max-width: 100%;
}

body.single-coupon .coupon-page-clean__content > .wp-block-html,
body.single-coupon .coupon-page-clean__content > .wp-block-group,
body.single-coupon .coupon-page-clean__content > div {
  width: 100%;
  margin-inline: auto;
}

body.single-coupon .coupon-page-clean__content [dir="rtl"] {
  width: min(900px, 100%);
  max-width: 900px;
  margin-inline: auto !important;
}

body.single-coupon .coupon-page-clean__content section,
body.single-coupon .coupon-page-clean__content div {
  box-sizing: border-box;
}

@media (max-width: 680px) {
  body.single-coupon .coupon-page-clean {
    width: calc(100% - 20px);
    padding: 16px 0 32px;
  }

  body.single-coupon .coupon-page-clean__title {
    font-size: 30px;
    margin-bottom: 16px;
  }

  body.single-coupon .coupon-page-clean__content [style*="padding:32px"] {
    padding: 22px !important;
  }

  body.single-coupon .coupon-page-clean__content [style*="font-size:34px"] {
    font-size: 28px !important;
  }

  body.single-coupon .coupon-page-clean__content [style*="min-width:260px"],
  body.single-coupon .coupon-page-clean__content [style*="min-width:240px"] {
    min-width: 0 !important;
    width: 100% !important;
  }
}
