/* Free tools (/tools/) */
.section--tight{padding:36px 0}
.mt-auto{margin-top:auto}
.tool-card h2 a{text-decoration:none;color:inherit}
.tool-tabs{margin:0 0 18px}
.tool-form{margin-bottom:18px;height:auto}
.tool-form h2{margin-bottom:14px}
.tool-form .btn-row{margin-top:16px}
input[type=number],input[type=date]{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#FFFDF9;border:1.5px solid #DCD2BD;border-radius:var(--radius-sm);padding:12px 14px;min-height:48px}
.inline-pair{display:flex;gap:8px}.inline-pair input{max-width:110px}
.card .form-msg{color:#A3282A;font-weight:500}
.tool-privacy{margin-top:18px}
.tool-cta{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:24px;height:auto;background:var(--gold-tint);border-color:#EAD6A6}
.tool-cta>div{flex:1 1 260px}
.tool-related{height:auto}
.toggle{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;cursor:pointer;min-height:44px}
.toggle input{width:20px;height:20px;accent-color:var(--navy)}
.seg--sm button{font-size:.82rem;padding:8px 12px;min-height:40px}
.chip-list{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:8px}
.chip-list a{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;font-size:.9rem;font-weight:500}
.chip-list a:hover,.chip-list a:focus-visible{border-color:var(--gold)}
.city-links{display:grid;gap:6px}
@media(min-width:900px){.city-links{grid-template-columns:repeat(2,1fr);gap:6px 28px}}
.city-links h3{margin:.6em 0 .4em}
/* planner output */
.tool-out:empty{display:none}
.plan-sum{height:auto;margin-bottom:16px}
.plan-sum h2{margin-bottom:6px}
.plan-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}
.plan-stats div{background:var(--sage-tint);border-radius:12px;padding:10px 12px}
.plan-stats b{display:block;font-size:1.25rem;color:var(--navy)}
.plan-stats span{font-size:.8rem;color:var(--muted)}
.progress{height:12px;background:#EDE6D6;border-radius:999px;overflow:hidden;margin:8px 0}
.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-dark));width:0;transition:width .4s}
@media (prefers-reduced-motion:reduce){.progress span{transition:none}}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--line);background:#fff}
.plan-table,.r-table{width:100%;border-collapse:collapse;font-size:.92rem}
.plan-table th,.plan-table td,.r-table th,.r-table td{padding:10px 10px;border-bottom:1px solid #EFE8DA;text-align:left;vertical-align:top}
.plan-table thead th,.r-table thead th{background:var(--navy);color:#fff;font-weight:600;font-size:.82rem;position:sticky;top:0}
.r-table thead small{font-weight:400;opacity:.8}
.plan-table tr.done td,.plan-table tr.done th{background:#F1F6EF;color:#56624f}
.plan-table td.tick{width:56px;text-align:center}
.plan-table input[type=checkbox]{width:24px;height:24px;accent-color:var(--navy)}
.plan-table .rng{white-space:nowrap}
.plan-table .sub{display:block;color:var(--muted);font-size:.8rem}
.r-table td,.r-table th{text-align:center;white-space:nowrap}
.r-table .r-sehri,.r-table .r-iftar{font-weight:600;color:var(--navy)}
.r-table tr.today td,.r-table tr.today th{background:var(--gold-tint)}
.r-table .r-x{display:none}
.r-all .r-table .r-x{display:table-cell}
.routine{display:grid;gap:10px;margin:12px 0}
@media(min-width:640px){.routine{grid-template-columns:repeat(3,1fr)}}
.routine div{border:1.5px solid var(--line);border-radius:12px;padding:12px;background:#FFFDF9}
.routine b{display:block;color:var(--navy)}
.card .note-est{background:#FFF8E6;border-left:4px solid var(--gold);padding:10px 14px;border-radius:8px;font-size:.92rem}
/* tasbih */
.tasbih{align-items:stretch;height:auto}
.tasbih-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
.tasbih-top select{max-width:320px}
.t-steps{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:6px 0 10px;justify-content:center}
.t-steps li{font-size:.8rem;padding:4px 10px;border-radius:999px;background:#F2EDE2;color:var(--muted)}
.t-steps li.cur{background:var(--navy);color:#fff}.t-steps li.ok{background:var(--sage-tint);color:#3E4B3B}
.t-phrase-box{text-align:center;min-height:120px}
.card .t-ar{font-family:"Amiri","Noto Naskh Arabic",serif;font-size:2.4rem;line-height:1.8;margin:0;color:var(--navy)}
.card .t-tr{font-style:italic;margin:0}.card .t-en{margin:2px 0 0}
.t-btn{display:grid;place-items:center;align-content:center;width:min(240px,70vw);aspect-ratio:1;margin:12px auto;border-radius:50%;border:0;cursor:pointer;
  background:radial-gradient(circle at 35% 30%,#3A4566,var(--navy) 70%);color:#fff;box-shadow:0 10px 30px rgba(31,39,60,.3),inset 0 0 0 6px rgba(226,177,83,.6);touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}
.t-btn:focus-visible{outline:4px solid var(--gold);outline-offset:4px}
.t-btn:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){.t-btn:active{transform:none}}
.t-count{font:700 4rem/1 "Poppins",sans-serif;color:var(--gold)}
.t-of{font-size:1rem;opacity:.85}
.t-btn.bump .t-count{animation:bump .18s ease}
@keyframes bump{50%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.t-btn.bump .t-count{animation:none}}
.card .t-src{text-align:center;margin-top:10px}
kbd{font:600 .8rem "Poppins",sans-serif;border:1px solid #CFC5B0;border-bottom-width:2px;border-radius:4px;padding:1px 5px;background:#fff}
/* duas */
.dua-filter{margin-bottom:16px}
.dua-filter .chip{cursor:pointer;font:inherit;font-size:.88rem}
.dua-filter .chip[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.dua-group{margin-bottom:22px}
.dua-tool{height:auto}
.dt-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.dt-moment{font-family:"Poppins",sans-serif;font-size:1rem;margin:0}
.dt-fav{border:0;background:none;font-size:1.6rem;line-height:1;color:var(--gold-dark);cursor:pointer;min-width:44px;min-height:44px}
.dt-fav[aria-pressed="true"]{color:var(--gold)}
.card .dt-ar{font-size:1.5rem;text-align:right;margin:8px 0 4px;overflow-wrap:anywhere}
.card .dt-tr{font-style:italic;margin:0;color:#3a4256}.card .dt-en{margin:4px 0}
.dt-actions{margin-top:auto;padding-top:8px}
/* ramadan */
.r-note{height:auto;background:#FFF8E6;border-color:#EAD6A6;margin-bottom:18px}
.r-intro{max-width:780px;margin-bottom:12px}
.r-live{height:auto;text-align:center;background:var(--navy);color:#fff;margin:0 0 20px;border:0}
.card .r-live-label{margin:0;font-weight:600;color:var(--gold)}
.card .r-live-time{color:#fff;font:700 clamp(2rem,8vw,3.2rem)/1.1 "Poppins",sans-serif;margin:6px 0;font-variant-numeric:tabular-nums}
.card .r-live-sub{color:#D9DEEA;margin:0}
.r-live .r-today{display:flex;justify-content:center;gap:28px;margin-top:10px;flex-wrap:wrap}
.r-live .r-today b{display:block;font-size:1.4rem;color:#fff}
.r-live .r-today span{font-size:.8rem;color:#D9DEEA}
.r-actions{margin:8px 0}
.r-title{margin-top:8px}
@media print{
  .site-header,.site-footer,.wa-float,.page-hero,.no-print,.r-controls,.r-live,.tool-tabs,.tool-form,.tool-cta,.tool-related,.tool-privacy,.section--tint,.section--cta,.city-links,.r-intro,h2.mt-2,.skip,#plan-out .btn-row{display:none!important}
  .section{padding:0}.table-scroll{border:0;overflow:visible}
  .plan-table thead th,.r-table thead th{background:#fff!important;color:#000;border-bottom:2px solid #000}
  .r-note{border:1px solid #999;background:#fff}
  body{background:#fff}
  .print-head{display:block!important}
}
.print-head{display:none}