/* Calculator result paths ([wwa_dual_cta], mu-plugin wwa-dual-cta.php). The theme forces content
   p margins/sizes with high specificity, hence the !important on text rules. */
.wwa-dual{margin:1.5rem 0 0;padding:18px;border:1px solid #E2E8F0;border-radius:16px;background:#F8FAFC;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-sizing:border-box;}
.wwa-dual *{box-sizing:border-box;}
.wwa-dual p.wwa-dual__title{margin:0 0 12px !important;font-size:17px !important;line-height:1.3 !important;font-weight:800;color:#0F172A;letter-spacing:-.01em;}
.wwa-dual__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;}
.wwa-dual__opt{display:flex;flex-direction:column;min-width:0;padding:16px;background:#fff;border:1px solid #E2E8F0;border-top:4px solid #F2C200;border-radius:12px;}
.wwa-dual__opt--pro{border-top-color:#0284C7;}
.wwa-dual p.wwa-dual__kicker{margin:0 0 2px !important;font-size:11.5px !important;line-height:1.3 !important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#92400E;}
.wwa-dual__opt--pro p.wwa-dual__kicker{color:#0369A1;}
.wwa-dual p.wwa-dual__head{margin:0 0 6px !important;font-size:16px !important;line-height:1.3 !important;font-weight:800;color:#0F172A;}
.wwa-dual p.wwa-dual__text{margin:0 0 14px !important;font-size:14px !important;line-height:1.5 !important;color:#475569;}
.wwa-dual p.wwa-dual__fine{margin:8px 0 0 !important;font-size:11.5px !important;line-height:1.4 !important;color:#94A3B8;}

.wwa-dual .wwa-dual__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin:0;padding:10px 16px;border-radius:999px;font:inherit;font-size:15px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none !important;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease;}
.wwa-dual .wwa-dual__btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px -2px rgba(15,23,42,.2);}
.wwa-dual .wwa-dual__btn:focus-visible{outline:2px solid #0F172A;outline-offset:2px;}
.wwa-dual .wwa-dual__btn::before{content:"";width:17px;height:17px;flex-shrink:0;background-color:currentColor;-webkit-mask:var(--wwa-dual-icon) center / contain no-repeat;mask:var(--wwa-dual-icon) center / contain no-repeat;}
.wwa-dual a.wwa-dual__btn--diy{margin-top:auto;background:#FFD814;color:#0F1111 !important;border:1px solid #FCD200;
  --wwa-dual-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E");}
.wwa-dual a.wwa-dual__btn--diy:hover{background:#F7CA00;border-color:#F2C200;}
.wwa-dual .wwa-dual__btn--pro{background:#0369A1;color:#fff;border:1px solid #0369A1;
  --wwa-dual-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");}
.wwa-dual .wwa-dual__btn--pro:hover{background:#075985;border-color:#075985;}

.wwa-dual__zip{display:flex;flex-direction:column;gap:8px;margin:auto 0 0;}
.wwa-dual .wwa-dual__input{width:100%;min-height:46px;margin:0;padding:10px 16px;border:1.5px solid #CBD5E1;border-radius:999px;background:#fff;color:#0F172A;font:inherit;font-size:16px;letter-spacing:.06em;box-shadow:none;}
.wwa-dual .wwa-dual__input:focus{outline:none;border-color:#0284C7;box-shadow:0 0 0 3px rgba(2,132,199,.18);}
.wwa-dual .wwa-dual__input[aria-invalid="true"]{border-color:#DC2626;}
.wwa-dual__sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.wwa-dual p.wwa-dual__status{margin:8px 0 0 !important;min-height:1.4em;font-size:13px !important;line-height:1.45 !important;color:#334155;}
.wwa-dual p.wwa-dual__status:empty{margin:0 !important;min-height:0;}
.wwa-dual .wwa-dual__status a{color:#0369A1;font-weight:600;}

.wwa-dual p.wwa-dual__more{margin:12px 0 0 !important;font-size:14px !important;line-height:1.4 !important;text-align:center;}
.wwa-dual p.wwa-dual__more a{display:inline-block;padding:12px 4px;margin:-12px 0;color:#0369A1;font-weight:600;}

/* Wide cards: ZIP field and button side by side. */
@container (min-width:420px){.wwa-dual__zip{flex-direction:row;}.wwa-dual .wwa-dual__input{flex:0 0 130px;width:130px;}}
.wwa-dual__opt{container-type:inline-size;}
/* Narrow cards (phones, side columns): tighter buttons so labels stay on one line. */
@container (max-width:300px){.wwa-dual .wwa-dual__btn{font-size:14px;padding:10px 12px;gap:6px;}.wwa-dual .wwa-dual__btn::before{width:15px;height:15px;}}
/* Inside the softener / shock result cards on phones: no nested frame, use the card's padding. */
@media (max-width:480px){
  .wsc-result .wwa-dual,.shk-result .wwa-dual{margin-left:-12px;margin-right:-12px;padding:0;border:0;background:none;}
  .wsc-result:has(.wwa-dual),.shk-result:has(.wwa-dual){padding-left:16px;padding-right:16px;}
}
@media (max-width:480px){.wwa-dual{padding:14px;margin-left:-4px;margin-right:-4px;}.wwa-dual__opt{padding:14px;}}
@media (max-width:360px){
  .wsc-card__body:has(.wwa-dual),.shk-card__body:has(.wwa-dual){padding-left:12px;padding-right:12px;}
  .wsc-result:has(.wwa-dual),.shk-result:has(.wwa-dual){padding-left:10px;padding-right:10px;}
  .wsc-result .wwa-dual,.shk-result .wwa-dual{margin-left:-6px;margin-right:-6px;}
  .wsc-result .wwa-dual__opt,.shk-result .wwa-dual__opt{padding:12px;}
}
@media print{.wwa-dual{display:none !important;}}

/* WWA_CALC_CLEAN: the single affiliate disclosure under the block title (replaces the per-button fine print). */
.wwa-dual p.wwa-dual__disclosure{margin:-6px 0 12px !important;font-size:12px !important;line-height:1.45 !important;color:#64748B;}
/* SaaS polish (2026-11-08, WWA_CALC_CLEAN adds .wwa-dual--clean): Amazon / Pro buttons and the ZIP input share an 8px radius. */
.wwa-dual.wwa-dual--clean .wwa-dual__btn,
.wwa-dual.wwa-dual--clean .wwa-dual__input{border-radius:8px;}
