/* ==========================================================================
   YourToolbox Shared Calculator CSS — ytb-calc.css
   Used across all YTB-00xx tool plugins. Keep class names stable.
   ========================================================================== */

.ytb-page-wrap{display:grid;grid-template-columns:1fr 220px;gap:32px;max-width:1180px;margin:0 auto;padding:24px 16px 60px;color:#212529;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
@media (max-width:880px){.ytb-page-wrap{grid-template-columns:1fr;}}

.ytb-main{min-width:0;}
.ytb-sidebar{min-width:0;}

.ytb-breadcrumb{font-size:13px;color:#6c757d;margin-bottom:14px;}
.ytb-breadcrumb a{color:#1976D2;text-decoration:none;}
.ytb-breadcrumb a:hover{text-decoration:underline;}

.ytb-h1{font-size:28px;font-weight:700;margin:0 0 8px;line-height:1.25;}
.ytb-subtitle{font-size:15px;color:#5b6472;margin:0 0 24px;}

/* Calculator Card */
.ytb-card{border:1px solid #e3e6ea;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06);margin-bottom:32px;background:#fff;}
.ytb-card-header{background:#1976D2;color:#fff;padding:16px 20px;font-size:18px;font-weight:600;}
.ytb-card-body{padding:22px 20px;}

.ytb-currency-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}
.ytb-currency-row button{border:1px solid #d7dbe0;background:#f4f6f8;padding:5px 12px;border-radius:20px;font-size:12px;cursor:pointer;color:#495057;}
.ytb-currency-row button.active{background:#1976D2;color:#fff;border-color:#1976D2;}

.ytb-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;}
@media (max-width:520px){.ytb-field-grid{grid-template-columns:1fr;}}
.ytb-field label{display:block;font-size:13px;font-weight:600;color:#3c4450;margin-bottom:6px;}
.ytb-field input[type=number],.ytb-field input[type=text],.ytb-field select{width:100%;padding:10px 12px;border:1px solid #d7dbe0;border-radius:8px;font-size:15px;box-sizing:border-box;}
.ytb-field input:focus,.ytb-field select:focus{outline:none;border-color:#1976D2;box-shadow:0 0 0 3px rgba(25,118,210,.12);}

.ytb-radio-row{display:flex;gap:18px;flex-wrap:wrap;}
.ytb-radio-row label{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;}

.ytb-btn-calc{background:#2e7d32;color:#fff;border:none;padding:13px 28px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;width:100%;margin-top:4px;}
.ytb-btn-calc:hover{background:#256428;}

.ytb-results{margin-top:20px;background:#eef8ef;border:1px solid #c8e6c9;border-radius:10px;padding:18px 20px;display:none;}
.ytb-results.show{display:block;}
.ytb-result-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed #cfe6d0;font-size:14.5px;}
.ytb-result-row:last-child{border-bottom:none;}
.ytb-result-row .label{color:#3c4450;}
.ytb-result-row .value{font-weight:700;color:#1b5e20;}
.ytb-result-row.total .value{font-size:18px;color:#0d3d13;}

.ytb-pie-wrap{display:flex;justify-content:center;margin-top:14px;}

/* Content sections */
.ytb-section{margin:34px 0;}
.ytb-section h2{font-size:21px;font-weight:700;margin:0 0 12px;}
.ytb-section h3{font-size:17px;font-weight:700;margin:18px 0 8px;}
.ytb-section p{font-size:15px;line-height:1.75;color:#333a42;margin:0 0 14px;}
.ytb-section table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;}
.ytb-section table th{background:#1976D2;color:#fff;padding:9px 12px;text-align:left;}
.ytb-section table td{padding:9px 12px;border-bottom:1px solid #e9ecef;}
.ytb-section table tr:nth-child(even){background:#f8f9fb;}

.ytb-faq-item{border-bottom:1px solid #e9ecef;padding:14px 0;}
.ytb-faq-q{font-weight:600;font-size:15.5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.ytb-faq-a{font-size:14.5px;line-height:1.7;color:#444b53;margin-top:8px;display:none;}
.ytb-faq-item.open .ytb-faq-a{display:block;}
.ytb-faq-item.open .ytb-faq-toggle{transform:rotate(45deg);}
.ytb-faq-toggle{font-size:20px;color:#1976D2;transition:transform .15s;}

/* Sidebar */
.ytb-sidebar-box{border:1px solid #e3e6ea;border-radius:10px;padding:16px;margin-bottom:20px;}
.ytb-sidebar-box h4{font-size:14px;text-transform:uppercase;letter-spacing:.03em;color:#6c757d;margin:0 0 12px;}
.ytb-sidebar-box ul{list-style:none;margin:0;padding:0;}
.ytb-sidebar-box ul li{margin-bottom:9px;}
.ytb-sidebar-box ul li a{color:#1976D2;text-decoration:none;font-size:13.5px;}
.ytb-sidebar-box ul li a:hover{text-decoration:underline;}