/* Coboniksa redesign layer v0.1 — CSS only, no markup/logic changes */
:root{--rd-green:#0f9d6b;--rd-green2:#2fd39a;--rd-ink:#10231c;--rd-bg:#fbf8f1;--rd-card:#fff;--rd-line:#e9e4d8;--rd-yellow:#f6c945;--rd-coral:#ff7a59;--rd-muted:#5b6b64}
html.dark,body.rd-dark{--rd-ink:#eaf3ee;--rd-bg:#0e1714;--rd-card:#15221d;--rd-line:#26362f;--rd-muted:#9fb3aa}
body{background:var(--rd-bg)!important;color:var(--rd-ink)!important;font-family:"IBM Plex Sans Arabic","Tajawal",system-ui,sans-serif!important}
header,.bar{background:var(--rd-card)!important;border-bottom:1px solid var(--rd-line)!important;box-shadow:0 4px 18px rgba(16,35,28,.05)}
.logo .mark{background:linear-gradient(135deg,var(--rd-green2),var(--rd-green))!important;color:#fff!important;border-radius:9px!important}
.search-mini input,.search-mini{border-radius:999px!important;border:1px solid var(--rd-line)!important;background:var(--rd-bg)!important}
.lang-switch{border-radius:999px!important;border:1px solid var(--rd-line)!important;padding:3px!important}
.lang-switch .is-active{background:var(--rd-ink)!important;color:var(--rd-bg)!important;border-radius:999px!important}
.icon-btn{border-radius:50%!important;border:1px solid var(--rd-line)!important}
h1{font-weight:800!important;letter-spacing:-.5px;color:var(--rd-ink)!important}
.ck-breadcrumbs{color:var(--rd-muted)!important;font-size:13px}
.ticket,.ck-content>article,article.post{background:var(--rd-card)!important;border:1px solid var(--rd-line)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(16,35,28,.06)!important}
.ticket>.top:first-child{background:linear-gradient(90deg,var(--rd-green2),var(--rd-green))!important;color:#fff!important;border-radius:20px 20px 0 0!important}
.code-chip{border:2px dashed var(--rd-green)!important;background:#eefaf4!important;border-radius:12px!important;color:var(--rd-ink)!important;font-weight:800;letter-spacing:2px}
.copy-btn,.cbkob-reveal,.cbkob-btn{background:var(--rd-green)!important;color:#fff!important;border-radius:12px!important;border:0!important;font-weight:700;box-shadow:0 4px 0 #0a7a52}
.visit-btn,.cbkob-go{background:var(--rd-ink)!important;color:#fff!important;border-radius:12px!important;box-shadow:0 4px 0 var(--rd-yellow)}
.report-btn{border:1px solid var(--rd-line)!important;border-radius:12px!important;background:var(--rd-card)!important}
.tag{background:#e3f7ee!important;color:var(--rd-green)!important;border-radius:999px!important}
table{border-radius:14px;overflow:hidden;border:1px solid var(--rd-line)}
thead th,table tr:first-child th{background:#fff4d1!important}
a{color:var(--rd-green)}
.foot,footer{background:var(--rd-ink)!important;color:#dfe9e4!important}
.foot a,footer a{color:#bfeedd!important}
header nav a,.links a{white-space:nowrap}
header .wrap.bar{flex-wrap:wrap;row-gap:6px}
header .links{order:3;width:100%;justify-content:center;border-top:1px solid var(--rd-line);padding-top:8px}
.ck-content table{width:100%!important;border-collapse:separate;border-spacing:0}
.ck-content table td,.ck-content table th{padding:12px 14px!important}
/* ---- 0.2.0 ---- */
html.dark header,html.dark .bar{box-shadow:none}
html.dark .code-chip{background:#10302a!important;color:#7ff0c4!important}
html.dark thead th,html.dark table tr:first-child th{background:#2a2612!important;color:var(--rd-ink)}
html.dark .cks-cashback-fields{background:#2a2612!important}
/* mobile menu: wrap into rows instead of sideways scroll */
@media(max-width:760px){header .links{overflow-x:visible!important;flex-wrap:wrap!important;justify-content:center!important;gap:2px 4px!important;white-space:normal!important}header .links a{padding:6px 8px!important;font-size:13px!important}}
/* hero (floating tickets removed — owner request) */
.hero{position:relative;overflow:hidden;background:radial-gradient(900px 400px at 15% 30%,#e6f7ee,transparent),radial-gradient(700px 400px at 90% 0,#fff3d6,transparent),var(--rd-bg)!important}
html.dark .hero{background:radial-gradient(900px 400px at 15% 30%,#12352a,transparent),var(--rd-bg)!important}
.hero>.wrap{position:relative}
.hero .wrap>*{max-width:100%;position:relative;z-index:2}
.hero h1{font-size:clamp(34px,4.4vw,56px)!important;line-height:1.25!important}
.hero .eyebrow{border:1px dashed var(--rd-green)!important;border-radius:999px!important;padding:6px 14px!important;background:#effaf4!important;color:var(--rd-green)!important}
.hero h1::after{content:"";display:block;width:90px;height:8px;margin-top:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 8'%3E%3Cpath d='M2 5 Q12 1 22 5 T42 5 T62 5 T88 4' fill='none' stroke='%23f6c945' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
.hero form{border:2px solid var(--rd-ink)!important;border-radius:999px!important;padding:6px!important;background:var(--rd-card)!important;box-shadow:4px 5px 0 var(--rd-ink)}
.hero form input{border:0!important;background:transparent!important}
.hero form button{border-radius:999px!important;background:var(--rd-green)!important;color:#fff!important}
.hero .ck-btn{border-radius:999px!important;border:2px solid var(--rd-ink)!important}
.hero .ck-btn-primary{background:var(--rd-ink)!important;color:#fff!important;box-shadow:3px 4px 0 var(--rd-yellow)}
.hero .trust>div{background:var(--rd-card);border:1px solid var(--rd-line);border-radius:999px;padding:6px 14px}
/* articles */
.posts{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:22px!important}
.post-card{background:var(--rd-card)!important;border:1px solid var(--rd-line)!important;border-radius:22px!important;overflow:hidden;box-shadow:0 10px 26px rgba(16,35,28,.06);transition:transform .2s}
.post-card:hover{transform:translateY(-4px)}
.post-thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}
.post-body{padding:16px 18px 18px!important}
.post-meta{display:inline-block;background:#e3f7ee;color:var(--rd-green);border-radius:999px;padding:2px 10px;font-size:12px}
.post-card h3{color:var(--rd-ink)!important;font-size:18px!important;line-height:1.5}
.post-ex{color:var(--rd-muted)!important;font-size:14px}
.post-more{color:var(--rd-green)!important;font-weight:700}
.section-head h2{font-weight:800!important}
/* savings calculator */
.cks-calc .cks-eyebrow{color:var(--rd-green)!important;font-weight:700}
.cks-calc h2{font-size:clamp(26px,3vw,38px)!important;font-weight:800!important}
.cks-layout{display:grid!important;grid-template-columns:1.4fr 1fr!important;gap:24px!important;align-items:start}
.cks-calc fieldset{position:relative;background:var(--rd-card)!important;border:1px solid var(--rd-line)!important;border-radius:18px!important;padding:26px 16px 16px!important;margin:0 0 22px!important}
.cks-calc legend{position:absolute;top:-14px;inset-inline-start:16px;background:var(--rd-card);padding:0 8px;font-weight:800}
.cks-calc legend span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rd-green);color:#fff;font-size:13px;margin-inline-end:6px}
.cks-cashback-fields{background:#fff7dc!important;border-color:#f3dc8f!important}
.cks-calc input,.cks-calc select{border:1px solid var(--rd-line)!important;border-radius:12px!important;padding:12px!important;background:var(--rd-bg)!important;color:var(--rd-ink)!important}
.cks-primary{background:var(--rd-green)!important;color:#fff!important;border-radius:999px!important;border:0!important;padding:14px 34px!important;font-weight:800;box-shadow:0 4px 0 #0a7a52}
.cks-secondary{border:1px solid var(--rd-line)!important;border-radius:999px!important;background:var(--rd-card)!important;padding:14px 24px!important}
.cks-results{position:sticky;top:90px;background:var(--rd-card)!important;border:2px solid var(--rd-ink)!important;border-radius:20px!important;padding:18px!important;box-shadow:6px 7px 0 var(--rd-yellow)}
.cks-pay{background:linear-gradient(135deg,var(--rd-green2),var(--rd-green))!important;color:#fff!important;border-radius:16px!important;padding:18px!important}
.cks-return{color:#c98a00}
@media(max-width:860px){.cks-layout{grid-template-columns:1fr!important}.cks-results{position:static}}
.hero .ck-btn-primary{color:var(--rd-bg)!important}
html.dark .hero a.ck-btn.ck-btn-primary{background:#eaf3ee!important;color:#0e1714!important}
/* ---- 0.2.4: old emblem as small header mark ---- */
.logo .mark{background:url(assets/mark-c-96.webp) center/cover no-repeat,#04261c!important;color:transparent!important;font-size:0!important;border-radius:50%!important;box-shadow:0 3px 10px rgba(3,40,30,.3)!important;overflow:hidden}
/* ---- 0.2.4: compact mobile header ---- */
@media(max-width:860px){
header .bar{flex-wrap:wrap!important;gap:6px 8px!important;padding-top:8px!important;padding-bottom:6px!important;min-height:0!important}
header .logo .tag{display:none!important}
header nav.links{order:5;flex:1 0 100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:4px!important;padding:4px 0 2px!important;margin:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start!important}
header nav.links::-webkit-scrollbar{display:none}
header nav.links a{flex:none!important;font-size:13px!important;padding:6px 10px!important;line-height:1.2!important;border-radius:999px;background:rgba(11,138,94,.08)}
html.dark header nav.links a{background:rgba(255,255,255,.08)}
header .lang-switch a{padding:5px 9px!important;font-size:12px!important}
header #themeBtn{width:34px!important;height:34px!important}
}
/* ---- 0.2.5 / 0.3.4: top codes row (RTL-safe equal cards) ---- */
.rd-top-codes,
.rd-top-codes--ssr{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  clear:both;
  margin-top:8px;
  margin-bottom:18px;
}
.rd-top-codes.wrap,
.rd-top-codes--ssr.wrap{width:100%;max-width:var(--wrap,1120px);margin-inline:auto}
.rd-tc-head{width:100%}
.rd-tc-head h2{font-size:clamp(20px,2.4vw,26px);margin:0 0 12px;text-align:start}
.rd-tc-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%;
  box-sizing:border-box;
  align-items:stretch;
}
/* Desktop: 3 equal columns (2 rows for 6 codes) — avoids chip/نسخ crush at 1440 */
@media(min-width:861px){
  .rd-tc-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media(min-width:1400px){
  .rd-tc-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
}
.rd-tc{
  position:relative;
  min-width:0; /* prevent grid blowout in RTL */
  max-width:100%;
  background:#fff;
  border:1px solid rgba(11,138,94,.18);
  border-radius:16px;
  padding:14px;
  box-shadow:0 8px 22px rgba(3,40,30,.06);
  display:flex;
  flex-direction:column;
  gap:8px;
  box-sizing:border-box;
}
.rd-tc-store{display:flex;align-items:center;gap:8px;font-weight:800;color:inherit;text-decoration:none;font-size:15px;min-width:0}
.rd-tc-store span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-tc-store img{flex:none;width:36px;height:36px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #eee}
.rd-tc-ben{margin:0;font-weight:800;color:var(--rd-green,#0b8a5e);font-size:15px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}
.rd-tc-code{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;margin-top:auto;min-width:0;width:100%;direction:inherit}
.rd-tc-chip{
  flex:1 1 0;
  min-width:0;
  max-width:100%;
  display:flex;align-items:center;justify-content:center;
  border:2px dashed rgba(11,138,94,.45);border-radius:10px;
  font:800 15px/1.1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;
  padding:10px 8px;background:rgba(11,138,94,.05);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;unicode-bidi:isolate;
  box-sizing:border-box;
}
.rd-tc-copy{
  flex:0 0 auto;
  flex-shrink:0;
  min-width:64px;
  border:0;border-radius:10px;
  background:var(--rd-green,#0b8a5e)!important;color:#fff!important;
  font-weight:800;padding:10px 14px;cursor:pointer;white-space:nowrap;
  box-sizing:border-box;
}
.rd-tc-copy.is-copied{background:#0f5f44!important}
html.dark .rd-tc{background:#12201b;border-color:rgba(255,255,255,.12)}
html.dark .rd-tc-ben{color:#5fe0a8}
html.dark .rd-tc-chip{border-color:rgba(95,224,168,.45);background:rgba(95,224,168,.06);color:#e9fff4}
@media(max-width:860px){
  .rd-tc-row{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:minmax(220px,76%);
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:6px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .rd-tc-row::-webkit-scrollbar{display:none}
  .rd-tc{scroll-snap-align:start}
}
/* ---- 0.2.6: CLS fixes ---- */
#main-content>.rd-top-codes{order:1}
.rd-top-codes{contain:layout}

/* 0.3.1 reveal-code on all store pages (same rules as oldcodes-boost) */
.cbkob-btn{border:none;border-radius:10px;background:var(--brand);color:#fff;cursor:pointer;font-family:"Tajawal";font-weight:700;font-size:14px;padding:0 18px;white-space:nowrap;transition:.15s}.cbkob-btn:hover{background:var(--brand-dk)}.cbkob-btn:active{transform:scale(.96)}.cbkob-btn.done{background:var(--gold);color:#0E2A22}.coupon-actions .cbkob-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:9px 15px;font-weight:700}.coupon-actions .cbkob-btn{min-height:46px}@media(max-width:700px){.coupon-actions .cbkob-btn{min-height:48px}}.coupon-actions .cbkob-btn{box-sizing:border-box;min-width:0;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;padding:9px 11px;font:inherit;font-size:13.5px;font-weight:800;line-height:1.25;text-align:center;text-decoration:none;white-space:normal;cursor:pointer;touch-action:manipulation;transition:transform .15s,background-color .15s,border-color .15s,color .15s}.coupon-actions .cbkob-btn{border:1px solid var(--brand);background:var(--brand);color:#fff}.coupon-actions .cbkob-btn:active{transform:scale(.98)}.coupon-actions .cbkob-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 38%,transparent);outline-offset:2px}@media(max-width:700px){.coupon-actions .cbkob-btn{min-height:48px;font-size:13px;padding-inline:9px}}.coupon-actions .cbkob-btn{min-height: 48px;   touch-action: manipulation;}.coupon-actions .cbkob-btn.done{border-color: var(--brand-dk);   background: var(--brand-dk);   color: #fff;}.coupon-actions .cbkob-btn.copy-error{border-color: #a33c32;   background: #a33c32;   color: #fff;}.coupon-actions a.cbkob-btn,.coupon-actions a.cbkob-btn:hover,.coupon-actions a.cbkob-btn:visited{color:#fff;text-decoration:none}html:not(.cbkob-js) .cbkob-reveal{display:none!important}.cbkob-js .cbkob-rv:not(.cbkob-open) .code-chip,.cbkob-rv.cbkob-m:not(.cbkob-open) .code-chip{color:transparent!important;text-shadow:0 0 9px var(--brand-dk,#086647)!important;filter:blur(3px)!important;user-select:none!important;-webkit-user-select:none!important}.cbkob-js .cbkob-rv:not(.cbkob-open) button.copy-btn,.cbkob-rv.cbkob-m:not(.cbkob-open) button.copy-btn{display:none!important}.cbkob-rv.cbkob-open .cbkob-reveal{display:none!important}.cbkob-modal[hidden]{display:none!important}.cbkob-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(14,42,34,.55)}.cbkob-box{position:relative;width:100%;max-width:360px;box-sizing:border-box;background:#fff;color:#0E2A22;border-radius:14px;padding:26px 20px 20px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.25);font:inherit}.cbkob-box h2{margin:0 0 12px;font-size:18px;font-weight:800;color:#0E2A22}.cbkob-mcode{direction:ltr;border:1.5px dashed var(--brand,#0B8A5E);border-radius:10px;background:var(--code-bg,#F3FAF7);color:var(--brand-dk,#086647);font-family:"Space Mono",monospace;font-weight:700;letter-spacing:1px;font-size:18px;padding:10px;margin:0 0 16px}.cbkob-box a.cbkob-btn{width:100%}.cbkob-x{position:absolute;top:8px;inset-inline-end:10px;border:0;background:none;font-size:24px;line-height:1;cursor:pointer;color:#4A5E57;padding:4px 8px}
.cbkob-box a.cbkob-btn.cbkob-go{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:10px 16px!important;font-size:16px;text-decoration:none}
/* 0.3.2 follow links in reveal window: secondary, small, below «اذهب للمتجر» */
.cbkob-modal{overflow-y:auto}.cbkob-box{max-height:calc(100vh - 32px);overflow-y:auto}
.cbkob-box .rd-follow{margin:14px 0 0;padding:12px 0 0;border-top:1px solid #E3ECE8;text-align:center}
.cbkob-box .rd-follow-t{margin:0 0 8px;font-size:12.5px;line-height:1.5;font-weight:600;color:#4A5E57}
.cbkob-box .rd-follow-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.cbkob-box a.rd-follow-a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:4px 14px;border-radius:999px;border:1px solid #CFDDD7;background:#fff;color:#0E2A22!important;font-size:13px;font-weight:700;text-decoration:none!important;box-shadow:none}
.cbkob-box a.rd-f-tg:hover{border-color:#229ED9;color:#1b7fb0!important}.cbkob-box a.rd-f-x:hover{border-color:#0E2A22}
.cbkob-box a.rd-follow-a:focus-visible{outline:2px solid #0B8A5E;outline-offset:2px}

/* 0.3.3: hide floating Telegram FAB on mobile */
@media (max-width:768px){body a.cbk-tg-fab:not(#cbkob-modal *){display:none!important}}

/* ---- 0.3.4 Path B: server-rendered top codes after hero; RTL-safe; mobile hero→codes→coupons→stores ---- */
.rd-top-codes--ssr{margin-top:10px}
/* Strip must be a sibling of hero (not nested) so it spans full wrap width in RTL+LTR */
#main-content>.rd-top-codes--ssr,
#main-content>.rd-top-codes{order:1}
section.hero+.rd-top-codes,
section.hero+.rd-top-codes--ssr{margin-top:12px}
@media(max-width:860px){
  #main-content{display:flex;flex-direction:column}
  #main-content>.hero{order:0}
  #main-content>.rd-top-codes--ssr,
  #main-content>.rd-top-codes{order:1}
  #main-content>#coupons{order:2}
  #main-content>#stores{order:3}
  #main-content>.ck-brand-banner{order:4}
  .rd-top-codes--ssr .rd-tc-head h2{font-size:18px;margin-bottom:10px}
  .rd-top-codes--ssr .rd-tc{padding:12px}
  .rd-top-codes--ssr .rd-tc-chip{font-size:15px;padding:9px 6px}
  .rd-top-codes--ssr .rd-tc-copy{min-width:56px;padding:10px 10px}
}



/* ===== 0.3.5: internal store links (strip + tickets) ===== */
.rd-tc-jump,.rd-tc-chip-link{color:inherit;text-decoration:none}
.rd-tc-jump:hover,.rd-tc-chip-link:hover{text-decoration:underline}
.rd-tc-chip-link{display:block;min-width:0;flex:1 1 auto}
.rd-tc-chip-link .rd-tc-chip{display:block;width:100%;box-sizing:border-box}
a.rd-store-link{display:flex;align-items:center;gap:11px;min-width:0;color:inherit;text-decoration:none}
a.rd-store-link:hover .store-name{color:var(--brand,#0b8a5e);text-decoration:underline}
a.rd-store-link .coupon-store-logo{flex:none}
a.rd-store-link .store-name{min-width:0}