/* ZD-CONTACT v4 - pagina de contact (tot sub #zd-contact, nu atinge restul temei) */
#zd-contact{
  --zc-ink:#282828; --zc-mut:#6b6b6b; --zc-line:#e1e1e1; --zc-in:#cfcfcf; --zc-soft:#efefef; --zc-card:#f8f8f8;
  --zc-green:#84bd00; --zc-green-d:#5d8a00; --zc-orange:#ff6e0d; --zc-orange-d:#e85d00; --zc-red:#c62828;
  color:var(--zc-ink); font-size:15px; line-height:1.45; padding-bottom:8px;
}
#zd-contact *,#zd-contact *:before,#zd-contact *:after{box-sizing:border-box}
#zd-contact a{color:inherit}
#zd-contact a:focus-visible,#zd-contact button:focus-visible,#zd-contact .zc-opt input:focus-visible + span{outline:2px solid var(--zc-green);outline-offset:2px}
#zd-contact [hidden]{display:none !important}

/* titluri si etichete */
#zd-contact .zc-h1{margin-bottom:18px}
#zd-contact .zc-h2{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.25;text-transform:none;color:var(--zc-ink)}
#zd-contact .zc-sub{margin:0;font-size:15px;color:var(--zc-mut)}
#zd-contact .zc-label{display:block;width:auto;margin:0 0 6px;padding:0;border:0;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:var(--zc-ink)}
#zd-contact .zc-label i{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;color:var(--zc-mut)}
/* carduri: fundal putin gri, ca sa se distinga de pagina; campurile raman albe */
#zd-contact .zc-box{background:var(--zc-card);border:1px solid var(--zc-line);border-radius:4px}
#zd-contact .zc-sec{margin-top:48px;scroll-margin-top:110px}
/* showroom = banda gri pe toata latimea coloanei: trecerea de la contact la showroom se vede si la scroll rapid */
#zd-contact .zc-show{margin:48px -10px 0;padding:32px 10px 36px;background:#f3f3f3;border-top:1px solid var(--zc-line)}
#zd-contact .zc-sec-t{margin:0 0 6px;font-size:22px;font-weight:400;line-height:1.2;letter-spacing:0;text-transform:uppercase !important;color:var(--zc-ink)}
#zd-contact .zc-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
#zd-contact .zc-more-link{font-size:14px;font-weight:700;color:var(--zc-green-d);text-decoration:none;white-space:nowrap}
#zd-contact .zc-more-link:hover{text-decoration:underline;text-underline-offset:3px}

/* 1. contact: canale directe + date firma (stanga), formular (dreapta); pe mobil: canale, formular, firma */
#zd-contact .zc-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-template-rows:auto 1fr;grid-template-areas:"d f" "c f";gap:16px 20px;align-items:start}
#zd-contact .zc-direct{grid-area:d;padding:4px 20px}
#zd-contact .zc-co{grid-area:c;padding:18px 20px}
/* formularul se intinde cat coloana din stanga; diferenta o ia campul Mesaj */
#zd-contact .zc-form-box{grid-area:f;align-self:stretch;display:flex;flex-direction:column}
#zd-contact .zc-form-box form{flex:1;display:flex;flex-direction:column}
#zd-contact .zc-form-box.zc-done{align-self:start}
#zd-contact .zc-f-msg{flex:1;display:flex;flex-direction:column}
#zd-contact .zc-f-msg textarea.zc-in{flex:1}
#zd-contact .zc-ch{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-top:1px solid var(--zc-line);text-decoration:none}
#zd-contact .zc-ch:first-child{border-top:0}
#zd-contact .zc-ch:hover b{color:var(--zc-green-d)}
#zd-contact .zc-ic{flex:none;width:22px;height:22px;margin-top:2px;fill:none;stroke:var(--zc-green-d);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#zd-contact .zc-ch-t{display:block;min-width:0}
#zd-contact .zc-ch-t small{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--zc-mut)}
#zd-contact .zc-ch-t b{display:block;margin:2px 0 1px;font-size:19px;font-weight:700;line-height:1.2;color:var(--zc-ink);overflow-wrap:anywhere;transition:color .15s}
#zd-contact .zc-ch-t em{display:block;font-style:normal;font-size:14px;color:var(--zc-mut)}
#zd-contact .zc-status{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--zc-mut)}
#zd-contact .zc-ch-t .zc-status b{display:inline;margin:0;font-size:12px;line-height:inherit;color:var(--zc-ink)}
#zd-contact .zc-dot{width:8px;height:8px;border-radius:50%;background:#b5b5b5;flex:none}
#zd-contact .zc-status.is-open .zc-dot{background:var(--zc-green);box-shadow:0 0 0 3px rgba(132,189,0,.22)}
#zd-contact .zc-ch-t .zc-status.is-open b{color:var(--zc-green-d)}

#zd-contact .zc-form-box{padding:24px 28px 26px}
#zd-contact .zc-form-box .zc-sub{margin-bottom:20px}
#zd-contact fieldset{margin:0;padding:0;border:0;min-width:0}
#zd-contact .zc-subj{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#zd-contact .zc-opt{display:block;margin:0;font-weight:400;cursor:pointer}
#zd-contact .zc-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
#zd-contact .zc-opt span{display:flex;align-items:center;gap:10px;height:100%;min-height:46px;padding:10px 12px;border:1px solid var(--zc-in);border-radius:3px;background:#fff;font-size:15px;line-height:1.25;color:var(--zc-ink);transition:border-color .15s,background-color .15s}
#zd-contact .zc-opt span:before{content:"";flex:none;width:16px;height:16px;border:1.5px solid #9a9a9a;border-radius:50%;background:#fff}
#zd-contact .zc-opt input:checked + span{background:#f7fbee;box-shadow:inset 0 0 0 1px var(--zc-green);font-weight:700}
#zd-contact .zc-opt input:checked + span:before{background:radial-gradient(circle,var(--zc-green) 0 4px,#fff 4.5px)}
#zd-contact .zc-desc{margin:10px 0 0;padding:9px 12px;background:#fff;border:1px solid var(--zc-line);border-radius:3px;font-size:14px;color:var(--zc-ink)}
#zd-contact .zc-desc a{color:var(--zc-green-d);font-weight:700;text-decoration:underline;text-underline-offset:2px}

#zd-contact .zc-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
#zd-contact .zc-f{margin:18px 0 0}
#zd-contact .zc-in{display:block;width:100%;height:44px;margin:0;padding:0 12px;border:1px solid var(--zc-in);border-radius:3px;background:#fff;box-shadow:none;font:400 16px/1.4 "Roboto Condensed",Arial,sans-serif;color:var(--zc-ink);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
#zd-contact textarea.zc-in{height:auto;min-height:150px;padding:10px 12px;resize:vertical}
#zd-contact .zc-in:focus{outline:0;box-shadow:0 0 0 3px rgba(132,189,0,.2)}
#zd-contact select.zc-in{padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555'/%3E%3C/svg%3E") no-repeat right 12px center;cursor:pointer}
#zd-contact .zc-in[readonly]{background:var(--zc-soft);color:var(--zc-mut)}
#zd-contact .unvisible{display:none}
#zd-contact .zc-file{display:block;max-width:100%;font-size:14px}
#zd-contact .zc-hint{display:block;margin-top:6px;font-size:13px;color:var(--zc-mut)}
#zd-contact .zc-err{display:block;margin:6px 0 0;font-size:13px;font-weight:700;color:var(--zc-red)}

/* trimitere: reCAPTCHA (inserat de cs_recaptcha_v2 in parintele butonului) + buton */
#zd-contact .zc-send{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--zc-line);float:none}
#zd-contact .zc-send > .form-group.row{margin:0;flex:none}
#zd-contact .zc-send > .form-group.row > div,#zd-contact .zc-send > .form-group.row .col-md-9{width:auto;margin:0;padding:0;float:none}
#zd-contact .zc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;margin-left:auto;padding:0 30px;border:0;border-radius:3px;background:var(--zc-orange);color:#fff;font:700 16px/1 "Roboto Condensed",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .15s}
#zd-contact .zc-btn:after{content:"›";font-size:22px;line-height:0;margin-top:-2px}
#zd-contact .zc-btn:hover{background:var(--zc-orange-d)}
#zd-contact .zc-ok{padding:6px 0 2px}
#zd-contact .zc-ok b{display:flex;align-items:center;gap:10px;font-size:18px;text-transform:uppercase;color:var(--zc-green-d)}
#zd-contact .zc-ok b:before{content:"";width:22px;height:22px;border-radius:50%;background:var(--zc-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat;flex:none}
#zd-contact .zc-ok p{margin:8px 0 0;color:var(--zc-mut)}
#zd-contact .zc-ok-warn b{color:#b45309}
#zd-contact .zc-ok-warn b:before{background:#f59e0b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E") center/14px no-repeat}
/* erorile serverului (errors.tpl din tema) */
#zd-contact .zc-form-box .alert{margin:0 0 16px;border-radius:3px}

/* butoane secundare */
#zd-contact .zc-btn2{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border:1px solid var(--zc-ink);border-radius:3px;background:#fff;color:var(--zc-ink);font:700 14px/1 "Roboto Condensed",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s}
#zd-contact .zc-btn2:hover{background:var(--zc-ink);color:#fff;text-decoration:none}

/* 2. showroom: cifre -> galerie -> program + traseu + harta */
#zd-contact .zc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0;padding:0;list-style:none;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
#zd-contact .zc-facts li{padding:14px 16px;border-left:1px solid #d6d6d6}
#zd-contact .zc-facts li:first-child{border-left:0;padding-left:0}
#zd-contact .zc-facts a{display:block;text-decoration:none}
#zd-contact .zc-facts a:hover span{text-decoration:underline;text-underline-offset:2px}
#zd-contact .zc-facts b{display:block;font-size:22px;font-weight:700;line-height:1.2;color:var(--zc-ink)}
#zd-contact .zc-facts span{display:block;font-size:14px;color:var(--zc-mut)}
#zd-contact .zc-star{font-style:normal;font-size:18px;color:#f5a623}
#zd-contact .zc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#zd-contact .zc-t{position:relative;display:block;width:100%;margin:0;padding:0;border:0;border-radius:3px;overflow:hidden;background:#ececec;aspect-ratio:3/2;cursor:zoom-in}
#zd-contact .zc-t:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
#zd-contact .zc-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
#zd-contact .zc-t:hover img{transform:scale(1.04)}
#zd-contact .zc-t-more:after{content:attr(data-more);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,.55);color:#fff;font-size:26px;font-weight:700}
#zd-contact .zc-all{display:flex;margin:16px auto 0}
#zd-contact .zc-show .zc-sub{color:#5f5f5f}

#zd-contact .zc-visit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;margin-top:28px;padding:24px;background:var(--zc-card);border:1px solid var(--zc-line);border-radius:4px}
#zd-contact .zc-label-gap{margin-top:26px}
#zd-contact .zc-hours{margin:8px 0 0;padding:0}
#zd-contact .zc-hours div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--zc-line)}
#zd-contact .zc-hours div:last-child{border-bottom:1px solid var(--zc-line)}
#zd-contact .zc-hours dt{font-weight:400;color:var(--zc-ink)}
#zd-contact .zc-hours dd{margin:0;font-weight:700;color:var(--zc-ink)}
#zd-contact .zc-hours [data-d="6"] dd,#zd-contact .zc-hours [data-d="0"] dd,#zd-contact .zc-hours .is-closed dd{font-weight:400;color:var(--zc-mut)}
#zd-contact .zc-hours .is-today dt{font-weight:700}
#zd-contact .zc-note{margin:6px 0 0;font-size:13px;color:var(--zc-mut)}
#zd-contact .zc-route{margin:8px 0 0;padding:0;list-style:none}
#zd-contact .zc-route li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--zc-line)}
#zd-contact .zc-route li:last-child{border-bottom:1px solid var(--zc-line)}
#zd-contact .zc-mode{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--zc-mut)}
#zd-contact .zc-route-t b{display:block;font-size:16px;font-weight:700;color:var(--zc-ink)}
#zd-contact .zc-route-t em{display:block;font-style:normal;font-size:14px;color:var(--zc-mut)}
#zd-contact .zc-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
#zd-contact .zc-map{position:relative;min-height:420px;border:1px solid var(--zc-line);border-radius:4px;overflow:hidden;background:#e5e3df}
#zd-contact .zc-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* date firma (coloana stanga) */
#zd-contact .zc-co-t{margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--zc-line);font-size:17px;font-weight:700;line-height:1.25;text-transform:none;color:var(--zc-ink)}
#zd-contact .zc-co-h{margin:16px 0 6px;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:var(--zc-mut)}
#zd-contact .zc-co-t + .zc-co-h{margin-top:0}
/* tema forteaza text-transform pe h2 / h3 */
#zd-contact h3.zc-label,#zd-contact .zc-co-h{text-transform:uppercase !important}
#zd-contact .zc-kv{margin:0;padding:0}
#zd-contact .zc-kv div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-top:1px solid #ededed}
#zd-contact .zc-kv div:first-child{border-top:0;padding-top:0}
#zd-contact .zc-kv dt{font-weight:400;color:var(--zc-mut)}
#zd-contact .zc-kv dd{margin:0;font-weight:700;color:var(--zc-ink);text-align:right;overflow-wrap:anywhere}
#zd-contact .zc-kv dd a{text-decoration:none}
#zd-contact .zc-kv dd a:hover{text-decoration:underline}
#zd-contact .zc-iban div{display:block}
#zd-contact .zc-iban dd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 10px;margin-top:3px;text-align:left}
#zd-contact .zc-iban code{padding:0;background:none;border:0;font:700 15px/1.3 "Roboto Condensed",Arial,sans-serif;letter-spacing:.03em;color:var(--zc-ink);white-space:nowrap}
#zd-contact .zc-copy{flex:none;margin:0;padding:3px 0;border:0;background:none;font:700 13px/1.2 "Roboto Condensed",Arial,sans-serif;color:var(--zc-green-d);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
#zd-contact .zc-copy:hover{text-decoration:underline}
#zd-contact .zc-co-p{margin:0 0 10px;font-size:14px;color:var(--zc-ink)}
#zd-contact .zc-co-more{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--zc-line);font-size:14px;color:var(--zc-mut)}
#zd-contact .zc-co-more a{color:var(--zc-green-d);font-weight:700}

/* tema pune border-color:#ddd pe tot din #center_column (".not-index #columns .content-inner #center_column *", specificitate 3 id-uri) */
#zd-contact .zc-opt span,#zd-contact .zc-in{border-color:var(--zc-in) !important}
#zd-contact .zc-opt:hover span,#zd-contact .zc-in:hover{border-color:#9a9a9a !important}
#zd-contact .zc-opt input:checked + span,#zd-contact .zc-in:focus{border-color:var(--zc-green) !important}
#zd-contact .zc-opt span:before{border-color:#9a9a9a !important}
#zd-contact .zc-opt input:checked + span:before{border-color:var(--zc-green) !important}
#zd-contact .zc-subj.is-err .zc-opt span,#zd-contact .zc-in.is-err{border-color:var(--zc-red) !important}
#zd-contact .zc-btn2{border-color:var(--zc-ink) !important}
/* tema: ".not-index #columns .content-inner #center_column a:hover{color:#222}" - altfel textul butoanelor devine negru pe negru */
#zd-contact a.zc-btn2:hover,#zd-contact a.zc-btn2:focus-visible{background:var(--zc-ink);color:#fff !important;text-decoration:none !important}
#zd-contact a.zc-more-link:hover,#zd-contact .zc-desc a:hover,#zd-contact .zc-co-more a:hover{color:var(--zc-green-d) !important}
#zd-contact a.zc-ch:hover,#zd-contact .zc-facts a:hover,#zd-contact .zc-kv dd a:hover{color:inherit !important}

/* lightbox */
.zc-lb{width:min(1200px,calc(100vw - 24px));max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:#fff;overflow:visible}
.zc-lb::backdrop{background:rgba(0,0,0,.94)}
.zc-lb-v{position:relative;height:min(78vh,820px);display:flex;align-items:center;justify-content:center}
.zc-lb-img{display:block;max-width:100%;max-height:100%;object-fit:contain;user-select:none}
.zc-lb-c{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0 0 3px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#111;font:400 30px/1 Arial,sans-serif;cursor:pointer}
.zc-lb-c:hover{background:#84bd00}
.zc-lb-prev{left:8px;top:50%;transform:translateY(-50%)}
.zc-lb-next{right:8px;top:50%;transform:translateY(-50%)}
.zc-lb-x{top:8px;right:8px}
.zc-lb-i{display:flex;justify-content:space-between;gap:20px;margin:0;padding:12px 4px;font:400 14px/1.55 "Roboto Condensed",Arial,sans-serif;color:#fff}
.zc-lb-cap{max-width:900px}
.zc-lb-n{white-space:nowrap;opacity:.7}

/* tableta */
@media (max-width:991px){
  #zd-contact .zc-main{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
  #zd-contact .zc-direct{padding:4px 16px}
  #zd-contact .zc-co{padding:16px}
  #zd-contact .zc-ch-t b{font-size:17px}
  #zd-contact .zc-form-box{padding:20px}
  #zd-contact .zc-subj{grid-template-columns:1fr}
  #zd-contact .zc-visit{grid-template-columns:1fr 1fr;gap:20px}
}

/* mobil */
@media (max-width:767px){
  #zd-contact .zc-h1{margin-bottom:12px}
  #zd-contact .zc-main{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"d" "f" "c";gap:16px}
  #zd-contact .zc-form-box{align-self:start}
  #zd-contact .zc-direct{padding:0 14px}
  #zd-contact .zc-ch{align-items:center;padding:13px 0}
  #zd-contact .zc-ch:after{content:"›";margin-left:auto;font-size:24px;line-height:1;color:var(--zc-mut)}
  #zd-contact .zc-form-box{padding:18px 16px 20px}
  #zd-contact .zc-subj{grid-template-columns:1fr 1fr}
  #zd-contact .zc-row{grid-template-columns:1fr}
  #zd-contact .zc-send{flex-direction:column;align-items:stretch}
  #zd-contact .zc-send > .form-group.row{align-self:center}
  #zd-contact .zc-btn{width:100%;margin-left:0}
  #zd-contact .zc-sec{margin-top:36px}
  #zd-contact .zc-show{margin:32px -10px 0;padding:26px 10px 28px}
  #zd-contact .zc-sec-t{font-size:20px}
  #zd-contact .zc-sec-h{display:block}
  #zd-contact .zc-sec-h .zc-more-link{display:inline-block;margin-top:6px}
  #zd-contact .zc-facts{grid-template-columns:1fr 1fr}
  #zd-contact .zc-facts li{padding:12px 0 12px 14px}
  #zd-contact .zc-facts li:nth-child(odd){border-left:0;padding-left:0}
  #zd-contact .zc-facts li:nth-child(n+3){border-top:1px solid #d6d6d6}
  #zd-contact .zc-facts b{font-size:19px}
  #zd-contact .zc-grid{grid-template-columns:1fr 1fr;gap:6px}
  #zd-contact .zc-t:first-child{grid-row:auto;aspect-ratio:3/2}
  #zd-contact .zc-all{width:100%}
  #zd-contact .zc-visit{grid-template-columns:1fr;gap:20px;margin-top:24px;padding:16px}
  #zd-contact .zc-map{min-height:280px}
  .zc-lb{width:100vw}
  .zc-lb-v{height:66vh}
  .zc-lb-c{width:38px;height:38px;font-size:26px}
  .zc-lb-prev{left:6px}
  .zc-lb-next{right:6px}
  .zc-lb-i{padding:12px 12px 0;font-size:13px}
}
@media (max-width:359px){
  #zd-contact .zc-subj{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  #zd-contact *{transition:none !important}
}