
/* ---- COMPONENTA FOOTER: aceeasi piesa pe toate paginile Compania DDD ---- */
.ftx{
  --ftx-ink:#16203a;--ftx-ink2:#111a30;
  --ftx-fg:#c8d2e4;--ftx-mute:#9dabc6;--ftx-hd:#ffffff;
  --ftx-line:rgba(255,255,255,.14);--ftx-line2:rgba(255,255,255,.08);
  --ftx-gold:#FBB13C;--ftx-verde:#7FD6A2;
  --ftx-grad:linear-gradient(100deg,#F5AD1A,#E88624,#D43926,#B42461,#792876,#6179B9,#57B4E3);
  margin:0;padding:0;background:var(--ftx-ink);color:var(--ftx-fg);
  font-family:'Poppins',system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.6;
}
/* linia subtire de gradient, sus */
.ftx::before{content:"";display:block;height:3px;background:var(--ftx-grad)}
.ftx a{color:var(--ftx-hd);text-decoration:none}
.ftx a:hover,.ftx a:focus-visible{text-decoration:underline}
.ftx a:focus-visible{outline:2px solid var(--ftx-gold);outline-offset:3px;border-radius:4px}
.ftx b,.ftx strong{color:var(--ftx-hd);font-weight:600}
.ftx-in{max-width:1200px;margin:0 auto;padding:0 20px}
.ftx-sr{color:inherit;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---- 1. BANDA DE CONTACT ---- */
.ftx-contact{display:grid;gap:22px 34px;grid-template-columns:minmax(280px,auto) 1fr;align-items:start;
  padding:30px 0 26px;border-bottom:1px solid var(--ftx-line)}
.ftx-tel{display:flex;flex-direction:column;gap:2px;font-size:2rem;font-weight:700;line-height:1.15;color:var(--ftx-gold)!important}
.ftx-tel small{font-size:1rem;font-weight:400;color:var(--ftx-mute);line-height:1.45}
.ftx-cta2{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.ftx-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;
  border:1px solid var(--ftx-line);font-weight:600;line-height:1.3}
.ftx-btn:hover{border-color:var(--ftx-gold);text-decoration:none}
.ftx-btn svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ftx-wa{color:var(--ftx-verde)!important;border-color:rgba(127,214,162,.4)}
.ftx-wa:hover{border-color:var(--ftx-verde)}
.ftx-meta{display:grid;gap:18px 34px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.ftx-meta b{display:block}
.ftx-meta address{font-style:normal;color:var(--ftx-fg)}
.ftx-meta>div{margin:0}
.ftx-meta span{display:block;color:var(--ftx-fg)}
.ftx-meta .ftx-urg{color:var(--ftx-gold)}

/* ---- 2. COLOANELE ---- */
.ftx-cols{display:grid;gap:30px 34px;grid-template-columns:1.35fr 1fr 1.15fr 1fr 1fr;
  padding:32px 0 6px}
.ftx-col{min-width:0}
.ftx-h{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--ftx-hd);
  text-transform:uppercase;letter-spacing:.06em}
.ftx-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ftx-l a{color:var(--ftx-fg)}
.ftx-l a:hover,.ftx-l a:focus-visible{color:var(--ftx-hd)}
.ftx-sub{list-style:none;margin:9px 0 0;padding:0 0 0 14px;border-left:1px solid var(--ftx-line);
  display:flex;flex-direction:column;gap:8px}
.ftx-soon{color:var(--ftx-mute)}
.ftx-soon em{font-style:normal;font-size:.95rem}
.ftx-ext{color:var(--ftx-mute);font-size:.95rem}

/* coloana de identitate */
.ftx-logo{display:inline-block;margin:0 0 14px}
.ftx-logo img{display:block;width:200px;height:auto}
.ftx-fraza{margin:0 0 16px;color:var(--ftx-fg)}
.ftx-marci{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px}
.ftx-cepa img{display:block;height:52px;width:auto;background:#fff;border-radius:7px;padding:4px 7px}
.ftx-iso{margin:0;color:var(--ftx-mute);line-height:1.5}
.ftx-iso b{display:block;color:var(--ftx-fg);font-weight:600}
.ftx-firma{margin:0;padding-top:14px;border-top:1px solid var(--ftx-line2);color:var(--ftx-mute);font-style:normal;line-height:1.65}
.ftx-firma b{display:block;color:var(--ftx-fg)}
.ftx-nw{white-space:nowrap}

/* ---- 3. SEMNALE DE INCREDERE ---- */
.ftx-trust{list-style:none;display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 0;padding:22px 0 0;
  border-top:1px solid var(--ftx-line)}
.ftx-trust li{border:1px solid var(--ftx-line);border-radius:999px;padding:6px 15px;color:var(--ftx-fg);line-height:1.5}
.ftx-trust a{color:var(--ftx-fg)}

/* ---- 4. FRAZA DE ENTITATE + RETELE ---- */
.ftx-jos{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:22px 34px;
  margin-top:24px;padding-top:22px;border-top:1px solid var(--ftx-line)}
.ftx-ent{max-width:660px;margin:0;color:var(--ftx-mute)}
.ftx-soc{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.ftx-soc a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;
  border:1px solid var(--ftx-line);border-radius:50%;color:var(--ftx-fg)}
.ftx-soc a:hover,.ftx-soc a:focus-visible{color:var(--ftx-hd);border-color:var(--ftx-gold);text-decoration:none}
.ftx-soc svg{width:20px;height:20px;fill:currentColor;display:block}

/* ---- 5. LEGAL ---- */
.ftx-legal{margin-top:22px;padding:18px 0 26px;border-top:1px solid var(--ftx-line);color:var(--ftx-mute)}
.ftx-legal ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 10px;padding:0}
.ftx-legal a{color:var(--ftx-fg)}
.ftx-legal p{margin:0}
.ftx-motto{margin-top:6px!important;color:var(--ftx-mute)}

/* ---- ACORDEON PE TELEFON, COLOANE PE DESKTOP ---- */
.ftx-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ftx-acc>summary::-webkit-details-marker{display:none}
.ftx-acc>summary::after{content:"";flex:none;width:9px;height:9px;margin-bottom:4px;
  border-right:2px solid var(--ftx-mute);border-bottom:2px solid var(--ftx-mute);
  transform:rotate(45deg);transition:transform .18s ease}
.ftx-acc[open]>summary::after{transform:rotate(225deg)}
@media(min-width:900px){
  .ftx-acc>summary{cursor:default;pointer-events:none}
  .ftx-acc>summary::after{display:none}
}
@media(max-width:1080px){
  .ftx-cols{grid-template-columns:1fr 1fr;gap:26px 30px}
  .ftx-id{grid-column:1 / -1}
}
@media(max-width:760px){
  .ftx-contact{grid-template-columns:1fr;gap:20px;padding-top:26px}
  .ftx-tel{font-size:1.7rem}
  .ftx-cols{grid-template-columns:1fr;gap:4px}
  .ftx-id{margin-bottom:16px}
  .ftx-acc{border-bottom:1px solid var(--ftx-line2)}
  .ftx-acc>summary{padding:13px 0}
  .ftx-acc .ftx-h{margin:0}
  .ftx-acc .ftx-l{padding-bottom:14px}
  .ftx-jos{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.ftx-acc>summary::after{transition:none}}
