/* Dog Age Calculator - WordPress Plugin Styles */
/* Font: Raleway | Brand: #023A74 */

.dac-wrap *{box-sizing:border-box;margin:0;padding:0}
.dac-wrap{font-family:'Raleway',sans-serif;max-width:640px;margin:0 auto;padding:1.5rem 0}

/* Hero */
.dac-hero{background:#023A74;border-radius:12px;padding:2rem 1.5rem;text-align:center;margin-bottom:1rem;position:relative;overflow:hidden}
.dac-hero-ring{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(255,255,255,0.08)}
.dac-hero-ring2{position:absolute;top:-70px;right:-70px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,0.05)}
.dac-hero-icon{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:26px;color:#fff;position:relative;z-index:1}
.dac-h1{font-size:28px !important;font-weight:600 !important;color:#fff !important;margin-bottom:6px !important;position:relative;z-index:1;line-height:1.2 !important;font-family:'Raleway',sans-serif !important;border:none !important;padding:0 !important}
.dac-hero-sub{font-size:13px;color:rgba(255,255,255,0.65);margin:6px 0 14px;position:relative;z-index:1}
.dac-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.dac-badge{font-size:11px;color:rgba(255,255,255,0.75);background:rgba(255,255,255,0.1);padding:3px 10px;border-radius:20px;border:0.5px solid rgba(255,255,255,0.18);font-family:'Raleway',sans-serif}
.dac-badge i{font-size:11px;vertical-align:-1px;margin-right:3px}

/* Form Card */
.dac-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1rem}

/* Tabs */
.dac-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f3f4f6;border-radius:8px;padding:3px;margin-bottom:1.25rem;gap:3px}
.dac-tab{padding:8px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;color:#6b7280;transition:all 0.15s;display:flex;align-items:center;justify-content:center;gap:5px;font-family:'Raleway',sans-serif}
.dac-tab-on{background:#023A74 !important;color:#fff !important}

/* Labels & Fields */
.dac-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:6px;display:flex;align-items:center;gap:4px;font-family:'Raleway',sans-serif}
.dac-field{margin-bottom:1rem}
.dac-age-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dac-wrap select,.dac-wrap input[type=number],.dac-wrap input[type=date]{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:'Raleway',sans-serif;color:#111827;background:#fff;outline:none;transition:border-color 0.15s}
.dac-wrap select:focus,.dac-wrap input:focus{border-color:#023A74;box-shadow:0 0 0 3px rgba(2,58,116,0.1)}

/* Calc Button */
.dac-calc-btn{width:100%;padding:13px;background:#023A74;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:0.5rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity 0.15s;font-family:'Raleway',sans-serif;letter-spacing:0.01em}
.dac-calc-btn:hover{opacity:0.88}

/* Result Hero */
.dac-result-hero{background:#023A74;border-radius:12px;padding:1.75rem 1.5rem 1.5rem;margin-bottom:1rem;text-align:center;position:relative;overflow:hidden}
.dac-rh-ring{position:absolute;bottom:-50px;left:-50px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,0.07)}
.dac-rh-ring2{position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(255,255,255,0.04)}
.dac-r-sub{font-size:12px;color:rgba(255,255,255,0.6);margin-bottom:6px;position:relative;z-index:1;font-family:'Raleway',sans-serif}
.dac-r-big{font-size:72px;font-weight:600;color:#fff;line-height:1;letter-spacing:-3px;position:relative;z-index:1;font-family:'Raleway',sans-serif}
.dac-r-unit{font-size:14px;color:rgba(255,255,255,0.6);margin-top:4px;margin-bottom:14px;position:relative;z-index:1;font-family:'Raleway',sans-serif}
.dac-stage-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(255,255,255,0.15);color:#fff;position:relative;z-index:1;font-family:'Raleway',sans-serif}

/* Metrics */
.dac-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1rem}
.dac-metric{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0.875rem 0.75rem;text-align:center}
.dac-m-icon{font-size:18px;color:#023A74;margin-bottom:4px}
.dac-m-val{font-size:17px;font-weight:600;color:#111827;margin-bottom:2px;font-family:'Raleway',sans-serif}
.dac-m-lbl{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:0.03em;font-family:'Raleway',sans-serif}

/* Lifespan */
.dac-life-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1rem}
.dac-life-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.dac-life-title{font-size:13px;font-weight:600;color:#6b7280;font-family:'Raleway',sans-serif}
.dac-life-pct{font-size:14px;font-weight:600;color:#023A74;font-family:'Raleway',sans-serif}
.dac-track{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:8px}
.dac-fill{height:100%;border-radius:4px;background:#023A74;transition:width 0.6s cubic-bezier(.4,0,.2,1)}
.dac-stage-dots{display:flex;justify-content:space-between}
.dac-stage-dots span{font-size:11px;color:#9ca3af;font-family:'Raleway',sans-serif}

/* Info Strip */
.dac-info-strip{background:#E8F0F9;border-radius:8px;padding:0.875rem 1rem;font-size:13px;color:#023A74;line-height:1.55;display:flex;gap:10px;align-items:flex-start;margin-bottom:1rem;font-family:'Raleway',sans-serif}
.dac-info-strip i{font-size:18px;flex-shrink:0;margin-top:1px;color:#023A74}

/* Buttons */
.dac-btns{display:grid;grid-template-columns:1fr;gap:8px}
.dac-btn-prim{padding:11px;background:#023A74;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity 0.15s;font-family:'Raleway',sans-serif}
.dac-btn-prim:hover{opacity:0.88}

/* Utility */
.dac-hidden{display:none !important}