/**
 * Styles for the Gulf & Pakistan calculator tools (21 tools under /tools/).
 * Namespaced with a gc- prefix throughout so nothing collides with the
 * theme's existing classes. Uses the theme's own design tokens (colors,
 * spacing, radius, shadow) so these pages match the rest of the site.
 * Enqueued only on template-tool-calc.php and template-tools-calc.php.
 */

.gc-card{
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  padding:var(--s6);
  box-shadow:var(--e1);
}
.gc-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s4);
}
@media (max-width:639px){ .gc-grid{grid-template-columns:1fr} }

.gc-radio-row{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s2)}
.gc-radio-row label{display:flex;align-items:center;gap:6px;font-size:var(--t-sm);color:var(--text);font-weight:500}
.gc-hint{display:block;margin-top:6px;font-size:var(--t-label);color:var(--text-muted)}

.gc-actions{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s5)}

.gc-result{
  margin-top:var(--s6);
  padding-top:var(--s6);
  border-top:1px solid var(--border);
  display:none;
}
.gc-result.show{display:block}

.gc-headline{
  display:flex;
  align-items:baseline;
  gap:var(--s3);
  flex-wrap:wrap;
  margin-bottom:var(--s4);
}
.gc-amount{font-family:var(--f-display);font-size:var(--t-lg);font-weight:700;color:var(--navy-900)}
.gc-label{font-size:var(--t-sm);color:var(--text-muted)}

.gc-breakdown{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.gc-breakdown th,.gc-breakdown td{
  text-align:left;
  padding:10px 0;
  border-bottom:1px solid var(--border);
  font-weight:400;
  color:var(--text);
}
.gc-breakdown th{color:var(--text-muted);font-weight:500;width:55%}
.gc-breakdown td{text-align:right;color:var(--heading);font-weight:600}

.gc-updated-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:var(--t-label);
  color:var(--green-text);
  background:rgba(5,150,105,.08);
  border:1px solid rgba(5,150,105,.24);
  border-radius:var(--r-pill);
  padding:5px 12px;
  margin-top:var(--s3);
}

.gc-disclaimer{
  background:var(--bg-alt);
  border:1px solid var(--border);
  border-left:3px solid var(--action);
  border-radius:var(--r-sm);
  padding:var(--s4);
  font-size:var(--t-sm);
  color:var(--text);
  margin-top:var(--s5);
}
.gc-disclaimer b{color:var(--heading)}

.gc-unverified{
  background:#3a1414;
  border:1px solid var(--red-600);
  border-radius:var(--r-sm);
  padding:var(--s4);
  font-size:var(--t-sm);
  color:#ffd9d9;
  margin-bottom:var(--s5);
}
.gc-privacy{
  background:var(--blue-50);
  border:1px solid rgba(37,99,235,.24);
  border-radius:var(--r-sm);
  padding:var(--s4);
  font-size:var(--t-sm);
  color:var(--heading);
  margin-bottom:var(--s5);
}
.gc-est{
  background:#fdf6e3;
  border:1px solid var(--amber-600);
  border-radius:var(--r-sm);
  padding:var(--s4);
  font-size:var(--t-sm);
  color:var(--amber-text);
  margin-bottom:var(--s5);
}

.gc-source-box{
  font-size:var(--t-label);
  color:var(--text-muted);
  margin-top:var(--s4);
}
.gc-source-box a{color:var(--action)}

.gc-section{margin-top:var(--s10)}
.gc-section h2{font-size:var(--t-h3);margin-bottom:var(--s4)}

.gc-example-card{
  background:var(--bg-alt);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  padding:var(--s4) var(--s5);
  margin-bottom:var(--s4);
}
.gc-example-card .gc-ex-title{font-weight:600;color:var(--heading);margin-bottom:6px}

.gc-faq details{
  border-bottom:1px solid var(--border);
  padding:var(--s4) 0;
}
.gc-faq summary{
  cursor:pointer;
  font-weight:600;
  color:var(--heading);
  list-style:none;
}
.gc-faq summary::-webkit-details-marker{display:none}
.gc-faq summary::after{content:'+';float:right;color:var(--action);font-size:1.25rem}
.gc-faq details[open] summary::after{content:'\2212'}
.gc-faq p{margin-top:var(--s3);color:var(--text);font-size:var(--t-sm)}

.gc-related{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s4);
}
@media (max-width:1023px){ .gc-related{grid-template-columns:1fr} }
.gc-related a{
  display:block;
  border:1px solid var(--border);
  border-radius:var(--r-md);
  padding:var(--s4);
  font-weight:600;
  color:var(--heading);
  text-decoration:none;
  transition:border-color var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease);
}
.gc-related a:hover{border-color:var(--action);box-shadow:var(--e1)}
.gc-related a .gc-desc{display:block;font-weight:400;font-size:var(--t-label);color:var(--text-muted);margin-top:4px}

.gc-review-line{
  display:flex;
  flex-wrap:wrap;
  gap:var(--s5);
  font-size:var(--t-label);
  color:var(--text-muted);
  margin-top:var(--s8);
  padding-top:var(--s5);
  border-top:1px solid var(--border);
}
.gc-review-line b{color:var(--heading)}

.gc-ad-slot{
  background:var(--bg-alt);
  border:1px dashed var(--border);
  border-radius:var(--r-sm);
  padding:var(--s5);
  text-align:center;
  font-size:var(--t-label);
  color:var(--text-muted);
  margin:var(--s6) 0;
}

.gc-hub-country{margin-bottom:var(--s10)}
.gc-hub-country h2{display:flex;align-items:center;gap:var(--s3);font-size:var(--t-h3);margin-bottom:var(--s5)}
.gc-hub-flag{font-size:1.4em}

.gc-preview{max-width:220px;border-radius:var(--r-sm);border:1px solid var(--border)}

.gc-hub-intro{color:var(--text-muted);max-width:70ch;margin:0 0 var(--s5)}

/* Final SEO pass: page sections */
.gc-who-for{color:var(--text-muted);margin:var(--s3) 0 var(--s5)}
.gc-assumptions{margin:var(--s3) 0 0;padding-left:1.2em}.gc-assumptions li{margin:var(--s2) 0}
.gc-see-also{margin-top:var(--s4);color:var(--text-muted)}
.gc-related-label{font-size:var(--t-label);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:var(--s4) 0 var(--s2)}
.gc-see-all{margin-top:var(--s5);font-weight:500}
.gc-report{margin-top:var(--s5);font-size:var(--t-sm);color:var(--text-muted)}
.gc-example-note{margin-top:var(--s3)}
.gc-region-intro{max-width:72ch;margin-bottom:var(--s8)}
.gc-region-list{display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.gc-region-item{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s5);min-width:0}
.gc-region-item h3{margin:0 0 var(--s2);font-size:var(--t-md)}
.gc-region-desc{color:var(--text-muted);margin:0 0 var(--s3)}
.gc-region-answer{font-size:var(--t-sm);margin:0 0 var(--s3)}
.gc-hub-list{list-style:none;padding:0;margin:0 0 var(--s6);display:grid;gap:var(--s2)}
.gc-hub-list .gc-desc{display:block;color:var(--text-muted);font-size:var(--t-sm)}
.gc-policy h2,.gc-author h2{margin-top:var(--s8)}
.gc-policy p,.gc-author p{max-width:72ch}