/* =====================================================================
   CNP Craiova — Polish global
   Aduce pe TOATE paginile aceleași tranziții și efecte ca secțiunea
   „Despre Cameră": hover-lift mai amplu, umbre mai bogate, micro-interacțiuni.
   Se încarcă după style.css/sections.css și doar ridică nivelul vizual al
   componentelor existente (nu schimbă structura).
   ===================================================================== */

/* ---------- Carduri: tranziție unificată ---------------------------- */
.scard, .ncard, .doc-item, .ibox, .mcard, .svc-item, .cty,
.taxa-card, .valoare-card, .ci, .formular-card, .subnav-card, .flex-card,
.search-hit{
  transition:transform .28s cubic-bezier(.22,.61,.36,1),
             box-shadow .28s ease, border-color .28s ease, background-color .28s ease !important;
}

/* ---------- Carduri: ridicare + umbră (ca pe paginile Despre) -------- */
.scard:hover, .ncard:hover, .doc-item:hover, .ibox:hover, .mcard:hover,
.svc-item:hover, .cty:hover, .taxa-card:hover, .valoare-card:hover, .ci:hover,
.formular-card:hover, .subnav-card:hover, .flex-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(13,43,78,.12);
}

/* ---------- Iconițe: micro-interacțiune la hover-ul cardului -------- */
.valoare-card .vc-icon, .ci .ci-icon, .scard .scard-logo,
.formular-card .formular-icon, .svc-item i{
  transition:transform .28s ease, color .2s ease;
}
.valoare-card:hover .vc-icon,
.ci:hover .ci-icon,
.formular-card:hover .formular-icon{ transform:scale(1.08) rotate(-3deg); }

/* ---------- Butoane: tranziție + ușoară ridicare -------------------- */
.btn, .btn-outline, .btn-dl, .btn-faq, .formular-download, .cta-band-btn{
  transition:background .2s ease, color .2s ease, border-color .2s ease,
             transform .15s ease, box-shadow .2s ease;
}
.btn:hover, .btn-faq:hover, .formular-download:hover, .cta-band-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(13,43,78,.16);
}

/* ---------- Linkuri din dropdown / liste: glisare fină ------------- */
.dropdown a, .sd-item, .sd-all{ transition:background .18s ease, color .18s ease, transform .18s ease, border-color .18s ease; }
.dropdown a:hover{ transform:translateX(3px); }

/* ---------- Imagini din carduri (zoom subtil la hover) ------------- */
.formular-card img, .scard-flex-img{ transition:transform .5s ease; }
.formular-card:hover img{ transform:scale(1.04); }

/* ---------- Reveal: pornire ascuns pentru elementele nou-incluse --- */
/* (clasa .cnp-reveal e adăugată din main.js; aici doar ne asigurăm că
    tranziția e fină — regula de bază .cnp-reveal există în style.css.)   */
@media (prefers-reduced-motion:reduce){
  .scard, .ncard, .doc-item, .ibox, .mcard, .svc-item, .cty,
  .taxa-card, .valoare-card, .ci, .formular-card, .subnav-card, .flex-card{
    transition:none !important;
  }
}

/* ============================================================
   BUTOANE — redesign „mult mai frumos" (2026-06-25)
   Suprascrie stratul de bază din style.css (polish.css se încarcă după).
   ============================================================ */
.btn,
.btn-dl,
.doc-item .btn-dl,
.btn-srch,
button[type="submit"],
input[type="submit"]{
  background:linear-gradient(135deg,#2a74c4 0%,#1A5EA8 52%,#114a86 100%);
  border:none;
  border-radius:11px;
  padding:12px 28px;
  font-weight:600;
  letter-spacing:.2px;
  box-shadow:0 8px 20px -9px rgba(26,94,168,.65), inset 0 1px 0 rgba(255,255,255,.18);
  transition:background .2s ease, box-shadow .25s ease, transform .18s ease, color .2s ease;
}
.btn:hover,
.btn-dl:hover,
.doc-item .btn-dl:hover,
.btn-srch:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
  background:linear-gradient(135deg,#3380d4 0%,#1f6cc0 50%,#0D2B4E 100%);
  border:none;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 30px -10px rgba(26,94,168,.7), inset 0 1px 0 rgba(255,255,255,.25);
}
.btn:active,
.btn-dl:active,
.btn-srch:active,
button[type="submit"]:active,
input[type="submit"]:active{
  transform:translateY(0);
  box-shadow:0 5px 14px -9px rgba(26,94,168,.6), inset 0 1px 0 rgba(255,255,255,.15);
}

/* varianta navy */
.btn-navy{ background:linear-gradient(135deg,#1a4476 0%,#0D2B4E 100%); box-shadow:0 8px 20px -9px rgba(13,43,78,.6), inset 0 1px 0 rgba(255,255,255,.12); }
.btn-navy:hover{ background:linear-gradient(135deg,#21527f 0%,#0b2342 100%); }

/* varianta aurie utilă oriunde */
.btn-gold{
  background:linear-gradient(135deg,#dcc06a 0%,#C9A84C 55%,#a9842f 100%)!important;
  color:#3a2e0c!important; border:none!important;
  box-shadow:0 8px 20px -9px rgba(201,168,76,.65), inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.btn-gold:hover{ background:linear-gradient(135deg,#e6cd7f 0%,#d2b257 55%,#b8902f 100%)!important; color:#3a2e0c!important; transform:translateY(-2px); }

/* contur — rotunjit + umplere gradient la hover */
.btn-outline{
  border:1.5px solid #1A5EA8;
  border-radius:11px;
  padding:11px 26px;
  font-weight:600;
  transition:background .2s ease, border-color .2s ease, color .2s ease, box-shadow .25s ease, transform .18s ease;
}
.btn-outline:hover{
  background:linear-gradient(135deg,#1A5EA8,#0D2B4E);
  border-color:#0D2B4E;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 14px 26px -11px rgba(13,43,78,.55);
}
.btn-outline:active{ transform:translateY(0); }

/* focus accesibil pe toate */
.btn:focus-visible,
.btn-outline:focus-visible,
.btn-srch:focus-visible,
.btn-dl:focus-visible,
button[type="submit"]:focus-visible,
input[type="submit"]:focus-visible{
  outline:3px solid rgba(201,168,76,.55);
  outline-offset:2px;
}

/* butoane hero — rotunjire + ridicare consistentă */
.home .hero-btn,
.front-page .hero-btn{
  border-radius:11px;
  transition:background .2s ease, color .2s ease, box-shadow .25s ease, transform .18s ease, border-color .2s ease;
}
.home .hero-btn:hover,
.front-page .hero-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 28px -12px rgba(0,0,0,.45); }
.home .hero-btn-light,
.front-page .hero-btn-light{ box-shadow:0 8px 20px -10px rgba(0,0,0,.4); }