/* Dandreet — shell styles for the multi-page rebuild (2026-07).
   Small additions on top of dandreet-site.css / dandreet-mobile.css:
   buttons that became real links, clickable cards, and mobile hero crops
   (formerly set inline by the removed JS patch layers). */

/* former <button> elements that are now real links */
a.btn-link{display:inline-block;text-decoration:none;text-align:center;box-sizing:border-box;}
a.btn-link.back{display:inline-flex;}
a.nbtn{display:inline-block;text-decoration:none;text-align:center;box-sizing:border-box;}

/* logo link wrapper (logo <img> used to carry an onclick) */
.nav-logo{display:block;flex-shrink:0;line-height:0;cursor:pointer;}

/* clickable project cards */
[data-href]{cursor:pointer;}

/* ---- client feedback round, 2026-07 ---------------------------------- */

/* project-card meta labels were navy-on-navy in dark rows (overridden by a
   broad `.pm-k{color:rgba(6,21,47,.72)!important}` rule in dandreet-site.css) */
.pm-k.dark{color:var(--gold)!important;}
.pm-v.dark{color:rgba(255,255,255,0.85)!important;}

/* stronger scrim + soft shadow so hero text stays readable on bright photos
   (selectors mirror the #p-home-scoped rules in dandreet-site.css to win the cascade) */
.hero .ho,
#p-home .hero .ho,
#p-en-home .hero .ho,
#p-home .hero.project-photo-active .ho,
#p-en-home .hero.project-photo-active .ho{background:
  linear-gradient(180deg,rgba(3,10,24,.10) 0%,rgba(3,10,24,.30) 100%),
  linear-gradient(90deg,rgba(3,10,24,.62) 0%,rgba(3,10,24,.42) 34%,rgba(3,10,24,.16) 62%,rgba(3,10,24,.06) 100%)!important;}
.hc .ht,.hc .he{text-shadow:0 2px 26px rgba(3,11,26,.55),0 1px 3px rgba(3,11,26,.35);}
.sc-lab .sc-title,.sc-lab .sc-tag,.sc-lab .sc-loc,
.pdh-lab .pdh-name,.pdh-lab .pdh-tag,.pdh-lab .pdh-addr,
.ref-info .ref-title,.ref-info .ref-num{text-shadow:0 1px 18px rgba(3,11,26,.6);}

/* reference cards: lighter overlay (bottoms were sinking into black),
   brighter description text */
.ref-overlay{background:linear-gradient(0deg,rgba(7,23,51,.78) 0%,rgba(7,23,51,.08) 62%)!important;}
.ref-desc-static{color:rgba(255,255,255,0.78)!important;}

/* news cards are not links — no hand cursor (client QA note) */
.nc,.ng.news-sync .nc{cursor:default!important;}

/* Galerie Teplice extension photos: crop away the unfinished pavement
   in the gallery grid (full photo still opens in the lightbox) */
.gal img[src*="main-entrance-square"]{object-position:50% 22%;}
.gal img[src*="teplice-entrance"]{object-position:50% 30%;}

/* footer between 769–1120px: columns were crushing, e-mail wrapped mid-word */
@media (min-width:769px) and (max-width:1120px){
  .footer-full-top{flex-wrap:wrap;gap:36px;}
  .footer-cols{gap:36px;flex-wrap:wrap;}
  .footer-cols > div{min-width:200px;}
}
.footer-col-val a{overflow-wrap:anywhere;}

/* contact form: honeypot + status message */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;
  opacity:0;pointer-events:none;}
.form-note{padding:13px 16px;margin-bottom:18px;font-size:14px;line-height:1.6;
  border:1px solid;font-family:'DM Sans',sans-serif;}
.form-note--ok{color:#2e5e34;background:rgba(84,140,90,.1);border-color:rgba(84,140,90,.4);}
.form-note--err{color:#8c3a32;background:rgba(160,72,62,.08);border-color:rgba(160,72,62,.4);}
.contact-redesign .form-note--ok{color:#8fc99a;background:rgba(84,140,90,.16);}
.contact-redesign .form-note--err{color:#e2a49c;background:rgba(160,72,62,.16);}

/* legal pages (GDPR / Cookies) */
.legal-body{max-width:760px;}
.legal-h{font-family:'Playfair Display',serif;font-size:22px;font-weight:500;
  color:var(--navy);margin:34px 0 10px;}
.legal-body a{color:var(--navy);text-decoration:underline;text-underline-offset:3px;}

/* back-to-top: keep off the footer (fades out when footer is in view) */
#stb.stb-hidden{opacity:0;pointer-events:none;}
@media (max-width:768px){
  #stb{bottom:18px;right:14px;width:38px;height:38px;}
}

/* ---- round 3, client feedback 2026-07-12 ------------------------------ */

/* mobile drawer: project sub-links were gray → white */
.mob-nav .mob-sub{color:rgba(255,255,255,.95)!important;}

/* hero secondary button ("O společnosti") readable on bright photos
   (selectors mirror the page-scoped rules in dandreet-mobile.css) */
.hbtns .bw,
#p-home .hero .bw,
#p-en-home .hero .bw{background:rgba(7,23,51,.45)!important;
  border:1px solid rgba(255,255,255,.85)!important;color:#fff!important;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.hbtns .bw:hover,
#p-home .hero .bw:hover,
#p-en-home .hero .bw:hover{background:rgba(7,23,51,.65)!important;border-color:#fff!important;}

/* mobile hero: the sharp+blur layer treatment doubled the photo on phones —
   use the plain cover background there instead */
@media (max-width:768px){
  #p-home .hero .hs.project-hero-slide .hero-project-fill,
  #p-en-home .hero .hs.project-hero-slide .hero-project-fill,
  #p-home .hero .hs.project-hero-slide .hero-project-main,
  #p-en-home .hero .hs.project-hero-slide .hero-project-main{display:none!important;}
}

/* project maps visible on phones (dandreet-mobile.css used to hide the iframe) */
@media (max-width:768px){
  .map-embed,.map-wrap2 iframe{display:block!important;width:100%!important;
    height:340px!important;position:static!important;border:0;filter:none!important;}
  .map-wrap2{height:auto!important;}
  .map-wrap2 .map-overlay-card{margin-top:14px!important;}
}

/* contact page heading was white on a light background */
#p-kontakt .contact-redesign-copy .stit,
#p-en-kontakt .contact-redesign-copy .stit{color:var(--navy)!important;}

/* contact page intro sat too low — the page class and the wrap section both
   added a full header offset (128px + 128px); keep just one, sized like the
   other subpages (~40px below the fixed nav) */
#p-kontakt.contact-redesign,
#p-en-kontakt.contact-redesign{padding-top:96px!important;}
#p-kontakt .contact-redesign-wrap,
#p-en-kontakt .contact-redesign-wrap{padding-top:30px!important;}
@media (max-width:768px){
  #p-kontakt .contact-redesign-wrap,
  #p-en-kontakt .contact-redesign-wrap{padding-top:16px!important;}
}

/* headings converted to h1 for SEO — neutralise UA margins */
h1.pdh-name{margin:0;}
h1.stit{margin-top:0;}

/* revamped footer
   (display/padding reset needed: dandreet-site.css styles the bare <footer>
   element as a flex row with its own padding) */
.site-footer{display:block!important;padding:0!important;
  background:var(--navy);border-top:2px solid var(--gold);
  color:#fff;font-family:'DM Sans',sans-serif;}
.ft-inner{max-width:1440px;margin:0 auto;padding:60px clamp(24px,5vw,72px) 26px;}
.ft-top{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1.2fr;gap:56px;padding-bottom:46px;}
.ft-brand img{height:120px;width:auto;display:block;margin:-26px 0 2px -8px;opacity:.92;}
.ft-tagline{font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);margin:0 0 18px;}
.ft-company-note{font-size:12px;line-height:1.75;color:#fff;
  max-width:360px;margin:0;}
.ft-col{display:flex;flex-direction:column;align-items:flex-start;}
.ft-col-title{font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin-bottom:16px;font-weight:500;}
.ft-col a{color:#fff;text-decoration:none;font-size:13.5px;
  line-height:1.5;padding:4.5px 0;transition:color .15s;}
.ft-col a:hover{color:#fff;}
.ft-address{font-style:normal;font-size:13.5px;line-height:1.85;
  color:#fff;margin:0 0 8px;}
.ft-mail{color:#fff!important;}
.ft-cta{margin-top:20px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold)!important;border:1px solid rgba(209,177,130,.5);
  padding:12px 20px!important;transition:background .2s,color .2s;}
.ft-cta:hover{background:var(--gold);color:var(--navy)!important;}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;
  flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;
  font-size:11.5px;color:#fff;}
.ft-legal{display:flex;gap:10px;align-items:center;}
.ft-legal span{color:rgba(255,255,255,.2);}
.ft-legal a{color:#fff;text-decoration:none;transition:color .15s;}
.ft-legal a:hover{color:#fff;}
@media (max-width:1024px){
  .ft-top{grid-template-columns:1fr 1fr;gap:40px;}
}
@media (max-width:600px){
  .ft-inner{padding-top:44px;}
  .ft-top{grid-template-columns:1fr;gap:34px;padding-bottom:36px;}
  .ft-brand img{margin-top:-18px;height:104px;}
  .ft-bottom{flex-direction:column;align-items:flex-start;gap:10px;}
}

/* per-slide hero crops on phones (formerly inline styles from dandreet-mobile.js) */
@media (max-width:768px){
  .hero > .hs:nth-child(1){background-position:50% 58%;}
  .hero > .hs:nth-child(2){background-position:50% 33%;}
  .hero > .hs:nth-child(3){background-position:50% 40%;}
  .hero > .hs:nth-child(4){background-position:50% 52%;}
  .hero > .hs:nth-child(5){background-position:50% 44%;}
  .hero > .hs:nth-child(6){background-position:50% 42%;}
}