/* ===========================================================================
   dg26-contact.css  —  pagina de contact (page-kontakt-2026v3.php)
   ---------------------------------------------------------------------------
   Scos din sablon pe 6 octombrie 2026. Identic, litera cu litera.
   =========================================================================== */

/* ============================================================
   KONTAKT 2026 v11 — dg26- scope
   Desktop: text STÂNGA 35% / formular DREAPTA 65%;
   coloana de text primește exact înălțimea formularului
   și derulează intern, cu fade discret jos (ca la Bewerbung).
   ============================================================ */
.dg26-kontakt{
  --dg26-bg:#0e0e10;
  --dg26-card:#17171b;
  --dg26-panel:#1d1d22;
  --dg26-field:#141419;
  --dg26-line:rgba(255,255,255,.09);
  --dg26-gold:#c9a24b;
  --dg26-gold-soft:rgba(201,162,75,.14);
  --dg26-text:#e8e6e1;
  --dg26-muted:#98958d;
  --dg26-faint:#6d6b64;
  --dg26-ease:cubic-bezier(.32,.72,0,1);
  --dg26-sans:'Open Sans',system-ui,-apple-system,sans-serif;
  --dg26-serif:'Playfair Display',Georgia,serif;
  background:var(--dg26-bg);
  color:var(--dg26-text);
  font-family:var(--dg26-sans);
  font-size:15.5px;
  line-height:1.6;
  padding:0 0 56px;
}
.dg26-kontakt *,.dg26-kontakt *::before,.dg26-kontakt *::after{box-sizing:border-box}
.dg26-kontakt .dg26-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.dg26-kontakt .dg26-wrap--wide{max-width:1840px;margin:0 auto;padding:0 28px}

/* reveal discret */
.dg26-kontakt .dg26-rv{opacity:0;transform:translateY(10px) scale(.98)}
.dg26-kontakt .dg26-rv.dg26-in{opacity:1;transform:none;transition:opacity .22s var(--dg26-ease),transform .22s var(--dg26-ease)}
@media (prefers-reduced-motion:reduce){
  .dg26-kontakt .dg26-rv{opacity:1;transform:none}
  .dg26-kontakt *{transition:none!important;animation:none!important}
}

/* ── H1 centrat ── */
.dg26-k-head{padding:24px 0 16px;text-align:center;
  background:radial-gradient(55% 130% at 50% 0%,rgba(201,162,75,.06),transparent 70%)}
.dg26-k-head h1{font-family:var(--dg26-serif);font-style:italic;font-weight:600;
  color:var(--dg26-gold);font-size:clamp(32px,4.2vw,44px);line-height:1.1;margin:0}

/* ── Layout desktop: text 35% / formular 65% ── */
.dg26-k-grid{display:grid;
  grid-template-columns:minmax(0,35fr) minmax(0,65fr);
  grid-template-areas:"text form";
  column-gap:52px;row-gap:18px;align-items:start;margin-top:4px}
.dg26-k-form-card{grid-area:form}
.dg26-k-side{grid-area:text;display:flex;flex-direction:column;min-height:0}
.dg26-k-intro{display:none}

/* ── Coloana de text (identică Bewerbung) ── */
.dg26-k-side h2{font-family:var(--dg26-serif);font-style:italic;font-weight:600;
  color:var(--dg26-gold);font-size:clamp(21px,1.8vw,26px);line-height:1.25;margin:0 0 14px;flex:none}
.dg26-k-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:14px;
  scrollbar-width:thin;scrollbar-color:rgba(201,162,75,.35) transparent;
  -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 56px),transparent);
          mask-image:linear-gradient(180deg,#000 calc(100% - 56px),transparent)}
.dg26-k-scroll.dg26-at-end{-webkit-mask-image:none;mask-image:none}
.dg26-k-scroll::-webkit-scrollbar{width:6px}
.dg26-k-scroll::-webkit-scrollbar-track{background:transparent}
.dg26-k-scroll::-webkit-scrollbar-thumb{background:rgba(201,162,75,.35);border-radius:99px}
.dg26-k-scroll::-webkit-scrollbar-thumb:hover{background:rgba(201,162,75,.55)}
.dg26-k-scroll p{margin:0 0 13px;color:#c6c3bb;font-size:15px;line-height:1.75;max-width:65ch}
.dg26-k-scroll p:last-child{margin-bottom:0}
.dg26-k-scroll strong{color:var(--dg26-gold);font-weight:600}
.dg26-k-scroll a{color:var(--dg26-gold);text-decoration:none;
  border-bottom:1px solid rgba(201,162,75,.4);transition:border-color .16s var(--dg26-ease)}
.dg26-k-scroll a:hover{border-color:var(--dg26-gold)}
.dg26-mr-hide{display:none!important}
.dg26-more-btn{display:none}
.dg26-more-btn[hidden]{display:none!important}
.dg26-k-motto{font-family:var(--dg26-serif)!important;font-style:italic;
  color:var(--dg26-gold)!important;font-size:19px!important;line-height:1.4!important;
  padding-left:14px;border-left:2px solid rgba(201,162,75,.55);margin:16px 0 16px!important}

/* ── Card formular ── */
.dg26-k-form-card{background:var(--dg26-card);border:1px solid var(--dg26-line);
  border-radius:14px;padding:22px}
.dg26-k-form-card h2{font-family:var(--dg26-serif);font-style:italic;font-weight:600;
  color:var(--dg26-gold);font-size:22px;margin:0 0 4px}
.dg26-k-form-card .dg26-k-sub{font-family:var(--dg26-sans);font-size:14px;color:#b6b3aa;margin:0 0 16px}


/* ============================================================
   DESKTOP (≥981px): formular lat & scund
   ============================================================ */
@media (min-width:981px){
  .dg26-k-form-card{padding:20px}
  .dg26-k-form-card h2{position:absolute!important;width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;overflow:hidden!important;
    clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
  .dg26-k-form-card .dg26-k-sub{margin-bottom:12px}
  .dg26-bk-grid{gap:12px}
  /* Nachricht: înălțime controlată ca formularul să nu depășească ecranul */
  #dg26-kt-form textarea{height:104px;min-height:104px}
}

/* ── Tabletă & mobil ── */
@media (max-width:980px){
  .dg26-kontakt .dg26-wrap--wide{max-width:1240px;padding:0 24px}
  .dg26-k-head{padding:24px 0 14px}
  .dg26-k-grid{grid-template-columns:1fr;grid-template-areas:"intro" "form" "text";row-gap:18px}
  .dg26-k-intro{display:block;text-align:center;grid-area:intro}
  .dg26-k-intro p{margin:0;color:var(--dg26-text);font-size:15px;line-height:1.65}
  .dg26-k-side{display:block}
  .dg26-k-side h2{display:none}
  .dg26-k-scroll{overflow:visible;padding-right:0;-webkit-mask-image:none;mask-image:none}
  .dg26-k-scroll .dg26-p-lead{display:none}
  .dg26-k-scroll .dg26-p-leadonly{display:none}
  .dg26-k-scroll p{max-width:none;text-align:left}
  .dg26-more-btn{display:flex;align-items:center;justify-content:center;width:max-content;
    margin:16px auto 0;background:transparent;border:1px solid rgba(201,162,75,.5);
    border-radius:99px;color:var(--dg26-gold);font-family:var(--dg26-sans);font-weight:600;
    font-size:14px;letter-spacing:.02em;padding:10px 28px;cursor:pointer;
    transition:background .16s var(--dg26-ease),border-color .16s var(--dg26-ease)}
  .dg26-more-btn:active{background:var(--dg26-gold-soft);border-color:var(--dg26-gold)}
}
@media (max-width:640px){
  .dg26-kontakt{padding-bottom:52px}
  .dg26-k-head{padding:20px 0 12px}
  .dg26-k-head h1{font-size:30px}
  .dg26-k-form-card{padding:20px 16px;border-radius:12px}
  .dg26-bk-submit{width:100%}
}

/* ===== Buchung switch + formular custom ===== */
.dg26-k-switch{display:flex;gap:8px;margin:0 0 18px;background:rgba(255,255,255,.03);padding:5px;border-radius:12px}
.dg26-k-switch-btn{flex:1;padding:11px 14px;border:none;background:none;color:#b5ab90;font:600 14px/1 "Open Sans",Arial,sans-serif;border-radius:9px;cursor:pointer;transition:background .2s,color .2s}
.dg26-k-switch-btn.is-active{background:linear-gradient(180deg,#d4af37,#c9a145);color:#1a1408}
.dg26-bk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dg26-bk-col2{grid-column:1 / -1}
.dg26-bk-field{display:flex;flex-direction:column;gap:6px}
.dg26-bk-field span{font:600 13px/1.2 "Open Sans",Arial,sans-serif;color:#c9c0a8}
.dg26-bk-field span b{color:#d4af37;font-weight:700}
.dg26-bk-field span small{color:#8a8168;font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.dg26-bk-field input,.dg26-bk-field textarea{width:100%;background:#141414;border:1px solid #333;color:#f3ecd9;border-radius:10px;padding:12px 13px;font:400 15px/1.4 "Open Sans",Arial,sans-serif;box-sizing:border-box}
.dg26-bk-field input:focus,.dg26-bk-field textarea:focus{border-color:#c9a45c;outline:none}
.dg26-bk-field textarea{resize:vertical;min-height:80px}
.dg26-bk-field input[type=date],.dg26-bk-field input[type=time]{color-scheme:dark}
.dg26-bk-submit-row{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.dg26-bk-submit{background:linear-gradient(180deg,#d4af37,#c9a145);color:#1a1408;border:none;padding:14px 30px;border-radius:11px;font:700 15px/1 "Open Sans",Arial,sans-serif;cursor:pointer;transition:filter .2s}
.dg26-bk-submit:hover{filter:brightness(1.06)}
.dg26-bk-submit:disabled{opacity:.6;cursor:default}
.dg26-bk-status{font:600 14px/1.4 "Open Sans",Arial,sans-serif}
.dg26-bk-status.ok{color:#7ac77a}
.dg26-bk-status.err{color:#e08a8a}
@media(max-width:600px){.dg26-bk-grid{grid-template-columns:1fr}.dg26-bk-col2{grid-column:1}}