/* ==========================================================
   BYD – Calculadora de Economia + Carrossel (CSS FINAL)
   ========================================================== */

/* Sessão principal */
#byd-calculator.full-session{background:#cfd7e1 !important;text-align:center;}
#byd-calculator .container-session{max-width:1200px;margin:0 auto;padding:24px 18px;}
#byd-calculator .calchead{font-size:26px;line-height:1.25;font-weight:800;color:#414345;margin:6px 0 18px;}
#byd-calculator .subhead{font-size:16px;color:#414345;font-weight:800;margin:0 0 14px;}

/* ------------------ FORM ------------------ */
#byd-calculator .form-wrapper{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;max-width:560px;margin:0 auto 18px;}
#byd-calculator .label{font-weight:800;font-size:16px;color:#414345;text-align:left !important;}
#byd-calculator .input{width:100%;padding:12px 14px;border:1px solid #bfc5ca;border-radius:10px;background:#fff !important;font-size:16px;outline:none;text-align:left;color:#414345;}
#byd-calculator .hint{color:#5a5d61;font-size:12px;margin-top:-6px;margin-bottom:6px;display:block;text-align:left !important;}
#byd-calculator .select-wrap{position:relative;}
#byd-calculator .select-wrap .input{padding-right:48px;cursor:pointer;}
#byd-calculator .select-arrow{position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);width:22px;height:22px;pointer-events:none;-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease, -webkit-transform .25s ease;}
#byd-calculator .select-wrap:focus-within .select-arrow{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
#byd-calculator #priceElectricity[readonly]{background:#f5f7fa !important;color:#414345;cursor:not-allowed;}

/* CTA */
#byd-calculator .cta-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:8px 0 18px;}
#byd-calculator .byd-btn{border:2px solid #6aa300;background:#fff;color:#414345;padding:12px 22px;border-radius:12px;font-weight:800;font-size:16px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-box-shadow .18s,-webkit-transform .08s;transition:-webkit-box-shadow .18s,-webkit-transform .08s;transition:box-shadow .18s,transform .08s;transition:box-shadow .18s,transform .08s,-webkit-box-shadow .18s,-webkit-transform .08s;}
#byd-calculator .byd-btn:hover{-webkit-box-shadow:0 8px 22px rgba(0,0,0,.09);box-shadow:0 8px 22px rgba(0,0,0,.09);}
#byd-calculator .byd-btn:active{-webkit-transform:scale(.98);transform:scale(.98);}
#byd-calculator .byd-btn .svg-coin{width:20px;height:20px;}

/* ------------------ RESULTADOS ------------------ */
#byd-calculator .result-shell{background:#fff !important;border-radius:14px;-webkit-box-shadow:0 10px 28px rgba(0,0,0,.08) !important;box-shadow:0 10px 28px rgba(0,0,0,.08) !important;padding:22px 18px;margin:0 auto 18px;max-width:1080px;text-align:left !important;}
#byd-calculator .res-head{display:grid !important;grid-template-columns:1.1fr .9fr !important;gap:18px !important;-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important;margin-bottom:16px !important;}
#byd-calculator .res-title{font-size:28px;font-weight:800;color:#414345;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;}
#byd-calculator .badge{font-size:12px;font-weight:800;color:#fff;padding:6px 10px;border-radius:8px;margin-left:8px;}
#byd-calculator .badge.ev{background:#19a55c;}
#byd-calculator .badge.hy{background:#4F9EDD !important;}
#byd-calculator .car-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;}
#byd-calculator .car-hero img,#byd-calculator .hero-img{width:clamp(200px,28vw,360px) !important;height:auto !important;border-radius:10px;display:block;-o-object-fit:contain;object-fit:contain;-webkit-transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s,-webkit-box-shadow .3s;}
#byd-calculator .car-hero img:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:0 8px 24px rgba(0,0,0,.15);}

/* ------------------ CARDS ------------------ */
#byd-calculator .cards{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
#byd-calculator .card{background:#f9fafb !important;border:1px solid #d3d9de !important;border-radius:10px !important;padding:16px !important;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.04) !important;box-shadow:0 3px 10px rgba(0,0,0,.04) !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
#byd-calculator .card--save{border:2px solid #49a0e2 !important;background:#b8dffb !important;-webkit-box-shadow:0 6px 20px rgba(0,0,0,.08) !important;box-shadow:0 6px 20px rgba(0,0,0,.08) !important;}
#byd-calculator .card-title{font-size:13px;color:#414345;text-transform:uppercase;font-weight:800;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px;margin-bottom:10px;line-height:1.25;min-height:48px;}

/* até 2 linhas sem empurrar o valor */
#byd-calculator .card-ico{width:48px !important;height:48px !important;display:block !important;margin:12px auto 10px !important;opacity:.95 !important;-o-object-fit:contain !important;object-fit:contain !important;}
#byd-calculator .card-subtitle{font-size:13px;color:#414345;margin-top:-2px;margin-bottom:6px;min-height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#byd-calculator .card-value{font-size:30px;font-weight:800;color:#414345;margin:4px 0 8px;margin-top:auto;}

/* cola o valor no fundo */
#byd-calculator .card-sub{font-size:13px;color:#414345;}

/* ------------------ MÉTRICAS ------------------ */
#byd-calculator .metrics{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;margin-top:14px !important;}
#byd-calculator .metric{background:#f9fafb !important;border:1px dashed #b8c0c8 !important;border-radius:10px !important;padding:16px !important;}
#byd-calculator .metric .m-label{font-size:13px;color:#414345;margin-bottom:6px;}
#byd-calculator .metric .m-value{font-size:26px;font-weight:900;color:#414345;}

/* ------------------ BLOCO EXTRA ("campo") ------------------ */
#byd-calculator .extra-shell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;background:#c2dbef !important;border:1px solid #bad2e6 !important;border-radius:8px;padding:18px 16px;max-width:1080px;margin:0 auto;}
#byd-calculator .extra-title{font-size:20px;font-weight:900;color:#414345;}
#byd-calculator .extra-text{font-size:16px;color:#414345;margin:0;}
#byd-calculator .extra-cta{display:inline-block;background:#4F9EDD !important;color:#fff;font-weight:800;padding:10px 16px;border-radius:6px;border:2px solid #fff;text-decoration:none;white-space:nowrap;}
#byd-calculator .extra-cta:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05);}

/* ------------------ CARROSSEL ------------------ */
#byd-calculator .byd-carousel-container{text-align:center;margin:10px 0 24px;}
#byd-calculator .carousel-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:0 56px;}
#byd-calculator .carousel-track{display:-webkit-box;display:-ms-flexbox;display:flex;gap:28px;overflow-x:auto;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;padding:16px 0;margin:0;list-style:none;}
#byd-calculator .carousel-item{background:#fff;border-radius:12px;border:1px solid #d5dbe1;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.06);box-shadow:0 3px 8px rgba(0,0,0,.06);-webkit-box-flex:0;-ms-flex:0 0 220px;flex:0 0 220px;scroll-snap-align:center;padding:14px;cursor:pointer;-webkit-transition:border-color .25s,-webkit-transform .25s,-webkit-box-shadow .25s;transition:border-color .25s,-webkit-transform .25s,-webkit-box-shadow .25s;transition:transform .25s,box-shadow .25s,border-color .25s;transition:transform .25s,box-shadow .25s,border-color .25s,-webkit-transform .25s,-webkit-box-shadow .25s;}
#byd-calculator .carousel-item:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 8px 18px rgba(0,0,0,.10);box-shadow:0 8px 18px rgba(0,0,0,.10);}
#byd-calculator .carousel-item.active{border:3px solid #4F9EDD;-webkit-box-shadow:0 8px 22px rgba(79,158,221,.35);box-shadow:0 8px 22px rgba(79,158,221,.35);}
#byd-calculator .carousel-item img{width:100%;height:140px;-o-object-fit:contain;object-fit:contain;margin-top:8px;}
#byd-calculator .car-name{display:block;font-weight:800;font-size:14px;color:#2b2f33;}

/* Setas cinza maiores */
#byd-calculator .carousel-nav{background:#d7dde4;color:#2b2f33;border:0;border-radius:50%;width:44px;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s;z-index:3;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.12);}
#byd-calculator .carousel-nav:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05);}
#byd-calculator .carousel-nav .chev{font-size:28px;line-height:1;}
#byd-calculator .carousel-nav.prev{position:absolute;left:8px;}
#byd-calculator .carousel-nav.next{position:absolute;right:8px;}

/* ------------------ UX: Drag no carrossel ------------------ */
#byd-calculator .carousel-track{cursor:-webkit-grab;cursor:grab;}
#byd-calculator .carousel-track.dragging{cursor:-webkit-grabbing;cursor:grabbing;}
#byd-calculator .carousel-item,#byd-calculator .carousel-item img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

/* ------------------ Barra do carrossel transparente (acessível) ------------------ */
#byd-calculator .carousel-track{scrollbar-width:thin;scrollbar-color:transparent transparent;}

/* Firefox */
#byd-calculator .carousel-track::-webkit-scrollbar{height:6px;background:transparent;}

/* Chrome/Safari/Edge */
#byd-calculator .carousel-track::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;}
#byd-calculator .carousel-track::-webkit-scrollbar-track{background:transparent;}

/* ------------------ RESPONSIVO ------------------ */
@media (max-width:1080px){#byd-calculator .res-head{grid-template-columns:1fr !important;}}
@media (max-width:760px){
#byd-calculator .cards{grid-template-columns:1fr !important;}
#byd-calculator .metrics{grid-template-columns:1fr !important;}
#byd-calculator .extra-shell{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
#byd-calculator .carousel-wrapper{padding:0 40px;}
#byd-calculator .carousel-item{-ms-flex-preferred-size:180px;flex-basis:180px;}
#byd-calculator .carousel-item img{height:120px;}
}
@media (max-width:420px){
#byd-calculator .card-ico{width:36px !important;height:36px !important;}
}

/* - addition - */
@media (max-width:760px){
#byd-calculator .carousel-item{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 199.333px;
}
}
#byd-calculator .input{
  width: auto;
}
#byd-calculator #electricPercentage{
  width: 100%!important;
}
#byd-calculator .carousel-item{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 220px;
}
#byd-calculator .select-wrap .input{
  padding-right:48px;
  cursor:pointer;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:none;
}
#byd-calculator .select-wrap select::-ms-expand{
  display:none;
}
@media (min-width:760px){
img.hero-img{
    min-height: 187px;
}
}