/* =========================================================
   حاسبة الباقات — أنماط مُحجَّمة تحت .pkg-calc
   تستخدم متغيرات الهوية المعرّفة في main.css
   ========================================================= */

.pkg-calc{--card:#FFFFFF;--ink:#1C2530;--gray:#5C6675;--ok:#1F7A4D;--off:#D9D4C9;--shadow:0 18px 48px -28px rgba(12,34,56,.35)}
.pkg-calc{max-width:1080px;margin:0 auto;padding:10px 20px 20px;color:var(--ink)}
.pkg-calc .tnum{font-variant-numeric:tabular-nums;font-family:'Montserrat',sans-serif}

/* شريط التحكم */
.pkg-calc .panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px 22px;margin:22px 0 26px}
.pkg-calc .controls{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between}
.pkg-calc .ctrl{display:flex;flex-direction:column;gap:10px;min-width:240px;flex:1}
.pkg-calc .ctrl label{font-weight:700;font-size:14px;display:flex;justify-content:space-between;align-items:baseline}
.pkg-calc .empval{color:var(--slate);font-weight:800;font-size:20px}
.pkg-calc input[type=range]{-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--slate),var(--navy2));outline:none;width:100%}
.pkg-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--card);border:3px solid var(--slate);cursor:pointer;box-shadow:var(--shadow)}
.pkg-calc input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--card);border:3px solid var(--slate);cursor:pointer}
.pkg-calc .num{display:flex;align-items:center;gap:8px}
.pkg-calc .num button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--cream);color:var(--ink);font-size:20px;font-weight:700;cursor:pointer}
.pkg-calc .num button:hover{border-color:var(--slate)}
.pkg-calc .num input{width:78px;height:38px;text-align:center;font-size:17px;font-weight:700;border-radius:10px;border:1px solid var(--line);background:var(--cream);color:var(--ink)}
.pkg-calc .toggles{display:flex;gap:22px;flex-wrap:wrap}
.pkg-calc .seg{display:inline-flex;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}
.pkg-calc .seg button{border:0;background:transparent;color:var(--gray);padding:8px 16px;border-radius:9px;font-weight:700;font-size:14px;cursor:pointer;transition:.15s}
.pkg-calc .seg button.on{background:var(--navy);color:#fff}
.pkg-calc .seg-title{font-size:12px;color:var(--gray);font-weight:700;margin-bottom:6px;letter-spacing:.04em}

/* بطاقات الباقات */
.pkg-calc .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pkg-calc .card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;gap:14px;transition:.2s;overflow:hidden}
.pkg-calc .card::before{content:"";position:absolute;inset-inline:0;top:0;height:5px;background:var(--accent,var(--navy))}
.pkg-calc .card.silver{--accent:#8896A3}
.pkg-calc .card.gold{--accent:var(--gold)}
.pkg-calc .card.plat{--accent:var(--slate)}
.pkg-calc .card.featured{border-color:var(--gold);box-shadow:0 10px 30px rgba(198,148,26,.22)}
.pkg-calc .badge{position:absolute;top:16px;left:16px;background:var(--gold);color:#3a2a00;font-size:11px;font-weight:800;padding:5px 11px;border-radius:99px;letter-spacing:.03em}
.pkg-calc .pkg-name{font-size:22px;font-weight:800;color:var(--ink);font-family:'El Messiri',serif}
.pkg-calc .pkg-cat{font-size:13px;color:var(--gray);margin-top:-8px}
.pkg-calc .price{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap}
.pkg-calc .price .amount{font-size:38px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1}
.pkg-calc .price .unit{font-size:14px;color:var(--gray);font-weight:600;padding-bottom:5px}
.pkg-calc .price .vat{font-size:12px;color:var(--gray)}
.pkg-calc .breakdown{font-size:13px;color:var(--gray);border-top:1px dashed var(--line);padding-top:12px;display:flex;flex-direction:column;gap:5px}
.pkg-calc .breakdown .r{display:flex;justify-content:space-between}
.pkg-calc .feat{list-style:none;padding:0;margin:2px 0 0;display:flex;flex-direction:column;gap:9px}
.pkg-calc .feat li{display:flex;gap:9px;font-size:13.5px;align-items:flex-start}
.pkg-calc .feat .ic{color:var(--ok);font-weight:800;flex:none}
.pkg-calc .count-pill{align-self:flex-start;background:var(--cream);border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:700;color:var(--gray)}

/* جدول التسعير */
.pkg-calc .grid-sec{margin-top:44px}
.pkg-calc .grid-head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.pkg-calc .grid-head h2{font-size:22px;margin:0;font-weight:800;font-family:'El Messiri',serif}
.pkg-calc .formula{font-size:13px;color:var(--gray)}
.pkg-calc .formula b{color:var(--slate)}
.pkg-calc .gwrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);margin-top:12px}
.pkg-calc table.grid{width:100%;border-collapse:collapse;min-width:560px}
.pkg-calc table.grid th,.pkg-calc table.grid td{padding:11px 10px;text-align:center;font-size:14px;border-top:1px solid var(--line)}
.pkg-calc table.grid thead th{background:var(--navy);color:#fff;font-weight:800;font-size:14px;border-top:0}
.pkg-calc table.grid thead th:first-child{text-align:right;padding-inline-start:18px}
.pkg-calc table.grid th.gold-h{background:var(--gold);color:#3a2a00}
.pkg-calc table.grid tr.meta td{background:var(--cream);color:var(--gray);font-weight:700;font-size:12.5px}
.pkg-calc table.grid tr.meta td:first-child{text-align:right;padding-inline-start:18px;color:var(--ink)}
.pkg-calc table.grid tbody td:first-child{text-align:right;padding-inline-start:18px;font-weight:800}
.pkg-calc table.grid tbody tr{cursor:pointer;transition:.12s}
.pkg-calc table.grid tbody tr:hover{background:var(--cream)}
.pkg-calc table.grid tbody tr.active{background:var(--gold-soft);box-shadow:inset 3px 0 0 var(--gold)}
.pkg-calc table.grid tbody tr.active td{font-weight:800}
.pkg-calc table.grid td.price-c{color:var(--ok);font-weight:700}
.pkg-calc .grid-note{font-size:12.5px;color:var(--gray);margin-top:12px}

/* مستكشف الخدمات */
.pkg-calc .explorer{margin-top:40px}
.pkg-calc .exp-head{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-bottom:16px}
.pkg-calc .exp-head h2{font-size:22px;margin:0;font-weight:800;font-family:'El Messiri',serif}
.pkg-calc .filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pkg-calc .chip{border:1px solid var(--line);background:var(--card);color:var(--gray);border-radius:99px;padding:8px 16px;font-weight:700;font-size:13.5px;cursor:pointer;transition:.15s}
.pkg-calc .chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.pkg-calc #search{flex:1;min-width:180px;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0 14px;font-size:14px;font-family:inherit}
.pkg-calc .cat{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}
.pkg-calc .cat summary{cursor:pointer;padding:14px 18px;font-weight:800;font-size:15.5px;display:flex;justify-content:space-between;align-items:center;list-style:none;gap:12px}
.pkg-calc .cat summary::-webkit-details-marker{display:none}
.pkg-calc .cat summary:hover{background:var(--cream)}
.pkg-calc .cat .arrow{color:var(--gray);font-size:13px;font-weight:700}
.pkg-calc .cat .cnt{font-size:12px;color:var(--gray);font-weight:700;background:var(--cream);border:1px solid var(--line);border-radius:99px;padding:3px 10px;margin-inline-start:auto}
.pkg-calc .explorer table{width:100%;border-collapse:collapse}
.pkg-calc .explorer thead th{font-size:12px;color:var(--gray);text-align:center;padding:8px;border-top:1px solid var(--line);font-weight:700;background:none}
.pkg-calc .explorer thead th:first-child{text-align:right;padding-inline-start:18px}
.pkg-calc .explorer tbody td{padding:9px 8px;border-top:1px solid var(--line);font-size:13.5px;text-align:center}
.pkg-calc td.svc{text-align:right;padding-inline-start:18px;color:var(--ink)}
.pkg-calc .yes{color:var(--ok);font-weight:800}
.pkg-calc .no{color:var(--off);font-weight:700}
.pkg-calc tr.hide{display:none}

/* الخدمات المنفردة */
.pkg-calc .addons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.pkg-calc .acard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:.18s}
.pkg-calc .acard::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--slate)}
.pkg-calc .acard:hover{transform:translateY(-3px);border-color:var(--slate)}
.pkg-calc .acard .an{font-weight:800;font-size:15.5px;color:var(--ink);text-wrap:balance}
.pkg-calc .acard .ad{font-size:12.5px;color:var(--gray);flex:1}
.pkg-calc .acard .ap{display:flex;align-items:baseline;gap:6px;border-top:1px dashed var(--line);padding-top:10px}
.pkg-calc .acard .ap .from{font-size:11px;color:var(--gray);font-weight:700}
.pkg-calc .acard .ap .amt{font-size:24px;font-weight:800;color:var(--slate);letter-spacing:-.02em}
.pkg-calc .acard .ap .u{font-size:12px;color:var(--gray)}
.pkg-calc .acard .once{align-self:flex-start;background:var(--gold-soft);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;color:var(--gold)}
.pkg-calc .acard .mkt{font-size:11.5px;color:var(--gray);background:var(--cream);border-radius:8px;padding:6px 9px;line-height:1.5}
.pkg-calc .calc-foot{margin-top:40px;text-align:center;color:var(--gray);font-size:12.5px;line-height:1.8}

@media(max-width:820px){
  .pkg-calc .cards{grid-template-columns:1fr}
  .pkg-calc .addons{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.pkg-calc *{transition:none!important}}