/*
 * Dr. APK — BMI Calculator Styles
 * Injected after core theme styles.
 *
 * @package dr-apk
 * @version 1.0.0
 */

/* ══════════════════════════════════════════
   BMI CALCULATOR SECTION
══════════════════════════════════════════ */
.bmi-sect{background:var(--navy);position:relative;overflow:hidden;padding:clamp(56px,8vh,96px) clamp(22px,5.5vw,96px)}
.bmi-sect::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,163,90,.14) 30%,rgba(196,163,90,.14) 70%,transparent)}
.bmi-sect::after{content:"";position:absolute;bottom:-30%;right:-8%;width:56vw;height:56vw;max-width:640px;max-height:640px;border-radius:50%;background:radial-gradient(ellipse,rgba(196,163,90,.035) 0%,transparent 65%);pointer-events:none}
.bmi-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,104px);align-items:start;position:relative;z-index:1}

/* Left editorial copy */
.bmi-copy{}
.bmi-h2{font-family:"Cormorant Garamond",serif;font-size:clamp(34px,4vw,56px);font-weight:300;line-height:1.04;letter-spacing:-.02em;color:var(--pearl);margin-top:clamp(14px,2vh,20px)}
.bmi-h2 em{font-style:italic;color:var(--gold-lt)}
.bmi-sub{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.15vw,16px);font-weight:300;line-height:1.85;color:rgba(240,234,216,.5);margin-top:clamp(14px,2.2vh,22px);max-width:420px}
.bmi-note{font-family:"DM Sans",sans-serif;font-size:12px;font-weight:300;line-height:1.7;color:rgba(240,234,216,.28);margin-top:clamp(22px,3.5vh,36px);padding-top:clamp(18px,2.8vh,28px);border-top:1px solid rgba(196,163,90,.1)}
.bmi-note strong{color:rgba(196,163,90,.6);font-weight:500}

/* Right calculator card */
.bmi-card{background:rgba(255,255,255,.03);border:1px solid rgba(196,163,90,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:clamp(28px,3.8vh,44px) clamp(24px,3vw,40px);position:relative;overflow:hidden}
.bmi-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(196,163,90,.35) 40%,rgba(196,163,90,.35) 60%,transparent)}

/* Form */
.bmi-form{display:flex;flex-direction:column;gap:clamp(16px,2.4vh,24px)}
.bmi-field{display:flex;flex-direction:column;gap:7px}
.bmi-label{font-family:"DM Sans",sans-serif;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(196,163,90,.65)}
.bmi-input-wrap{position:relative;display:flex;align-items:center}
.bmi-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(196,163,90,.15);border-radius:0;padding:0 48px 0 16px;height:52px;font-family:"Cormorant Garamond",serif;font-size:clamp(22px,2.4vw,28px);font-weight:300;color:var(--pearl);letter-spacing:.02em;outline:none;transition:border-color .3s,background .3s;-webkit-appearance:none;appearance:none}
.bmi-input:focus{border-color:rgba(196,163,90,.45);background:rgba(255,255,255,.06)}
.bmi-input::placeholder{color:rgba(240,234,216,.2);font-size:clamp(18px,2vw,22px)}
.bmi-input::-webkit-outer-spin-button,.bmi-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bmi-input[type=number]{-moz-appearance:textfield}
.bmi-unit{position:absolute;right:14px;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:400;letter-spacing:.1em;color:rgba(240,234,216,.3);pointer-events:none}
.bmi-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.8vw,20px)}

/* Calculate button */
.bmi-btn{width:100%;height:54px;background:var(--gold);border:none;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);cursor:pointer;position:relative;overflow:hidden;margin-top:clamp(4px,1vh,8px);transition:background .35s,transform .2s,box-shadow .3s}
.bmi-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.2) 50%,transparent 75%);transform:translateX(-100%) skewX(-18deg);transition:transform .6s var(--ease)}
.bmi-btn:hover::before{transform:translateX(160%) skewX(-18deg)}
.bmi-btn:hover{background:var(--gold-lt);transform:translateY(-1px);box-shadow:0 8px 28px rgba(196,163,90,.28)}
.bmi-btn:active{transform:translateY(0)}

/* Result panel — hidden by default */
.bmi-result{display:none;flex-direction:column;gap:0;margin-top:clamp(20px,3vh,28px);border-top:1px solid rgba(196,163,90,.1);padding-top:clamp(18px,2.8vh,26px);animation:bmiIn .5s var(--ease) both}
@keyframes bmiIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.bmi-result.show{display:flex}

/* BMI value display */
.bmi-val-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:clamp(4px,1vh,8px)}
.bmi-val{font-family:"Cormorant Garamond",serif;font-size:clamp(48px,6vw,68px);font-weight:300;line-height:1;letter-spacing:-.02em;color:var(--pearl);transition:color .4s}
.bmi-val-dec{font-family:"Cormorant Garamond",serif;font-size:clamp(24px,3vw,34px);font-weight:300;color:var(--pearl-40);line-height:1.4}
.bmi-category{font-family:"DM Sans",sans-serif;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:clamp(16px,2.5vh,24px);transition:color .4s}

/* BMI spectrum scale */
.bmi-scale{position:relative;margin-bottom:clamp(18px,2.8vh,26px)}
.bmi-scale-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;gap:1px}
.bmi-seg{flex:1;border-radius:1px;transition:opacity .3s}
.bmi-seg-uw{background:rgba(120,160,200,.45)}
.bmi-seg-hw{background:rgba(100,160,100,.45)}
.bmi-seg-ow{background:rgba(180,150,80,.45)}
.bmi-seg-o1{background:rgba(180,110,60,.45)}
.bmi-seg-o2{background:rgba(160,80,60,.45)}
.bmi-seg-o3{background:rgba(140,60,60,.45)}
.bmi-seg.active{opacity:1!important;box-shadow:0 0 6px rgba(196,163,90,.25)}
.bmi-seg:not(.active){opacity:.3}
.bmi-scale-marker{position:absolute;top:-6px;width:2px;height:16px;background:var(--gold);border-radius:1px;transform:translateX(-50%);transition:left .7s var(--ease);box-shadow:0 0 6px rgba(196,163,90,.5)}
.bmi-scale-labels{display:flex;justify-content:space-between;margin-top:7px}
.bmi-scale-lbl{font-family:"DM Sans",sans-serif;font-size:8.5px;font-weight:400;letter-spacing:.08em;color:rgba(240,234,216,.25)}

/* Consultation CTA — shown for above healthy */
.bmi-cta-panel{display:none;background:rgba(196,163,90,.05);border:1px solid rgba(196,163,90,.14);padding:clamp(16px,2.4vh,22px) clamp(18px,2.2vw,24px);margin-top:clamp(10px,1.6vh,16px);animation:bmiIn .5s .2s var(--ease) both}
.bmi-cta-panel.show{display:block}
.bmi-cta-text{font-family:"DM Sans",sans-serif;font-size:12.5px;font-weight:300;line-height:1.72;color:rgba(240,234,216,.6);margin-bottom:clamp(12px,1.8vh,16px)}
.bmi-cta-text strong{color:rgba(240,234,216,.85);font-weight:500}
.bmi-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:0 20px;height:44px;background:var(--gold);font-family:"DM Sans",sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--navy);text-decoration:none;transition:background .3s,transform .2s}
.bmi-cta-btn:hover{background:var(--gold-lt);transform:translateY(-1px)}

/* Error state */
.bmi-error{font-family:"DM Sans",sans-serif;font-size:11.5px;font-weight:300;color:rgba(200,120,80,.75);margin-top:6px;display:none}
.bmi-error.show{display:block}

/* Responsive */
@media(max-width:960px){.bmi-inner{grid-template-columns:1fr;gap:clamp(32px,5vh,48px)}.bmi-sub{max-width:none}}
@media(max-width:480px){
  .bmi-sect{padding:44px 18px}
  .bmi-card{padding:22px 18px}
  .bmi-val{font-size:clamp(44px,12vw,56px)}
  .bmi-fields-row{grid-template-columns:1fr 1fr}
}