/* DAMT v271 – společný systém vzhledu webu
   Cíl: další úpravy dělat z jednoho místa, ne po jednotlivých záložkách.
*/

:root{
  --damt-bg:#050505;
  --damt-text:#ffffff;
  --damt-muted:rgba(255,255,255,.76);
  --damt-yellow:#d4a017;
  --damt-yellow-soft:rgba(212,160,23,.55);
  --damt-panel:rgba(0,0,0,.74);
  --damt-panel-strong:rgba(0,0,0,.86);
  --damt-border:rgba(212,160,23,.32);
  --damt-shadow:0 12px 34px rgba(0,0,0,.72);
  --damt-radius:10px;
  --damt-control-radius:8px;
  --damt-font:"Inter","Montserrat","Arial",sans-serif;
  --damt-title-size:clamp(22.5px,2.25vw,31.5px);
  --damt-title-mobile:clamp(18px,4.5vw,25.5px);
  --damt-title-weight:850;
  --damt-title-spacing:.025em;
  --damt-body-size:16px;
  --damt-body-line:1.55;
  --damt-section-padding:28px;
  --damt-gap:18px;
}

html,body{
  font-family:var(--damt-font) !important;
  color:var(--damt-text);
}

.damt-page-title,
h1.damt-page-title{
  font-family:var(--damt-font) !important;
  font-size:var(--damt-title-size) !important;
  line-height:1.08 !important;
  font-weight:var(--damt-title-weight) !important;
  letter-spacing:var(--damt-title-spacing) !important;
  text-transform:var(--damt-title-transform,uppercase) !important;
  color:var(--damt-text) !important;
  text-shadow:0 3px 14px rgba(0,0,0,.85) !important;
  margin-top:0 !important;
}

/* Jednotná hlavička všech podstránek */
body:not(.home) .topbar{height:52px!important;min-height:52px!important;display:grid!important;grid-template-columns:300px 1fr!important;align-items:center!important;overflow:visible!important;background:#050505!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
body:not(.home) .brand{height:52px!important;padding-left:28px!important;display:flex!important;align-items:center!important}
body:not(.home) .brand img{width:230px!important;height:58px!important;object-fit:contain!important;object-position:left center!important}
body:not(.home) .nav{position:relative!important;height:52px!important;min-height:52px!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;padding:0 22px 0 14px!important;white-space:nowrap!important;overflow:visible!important}
body:not(.home) .nav a{height:52px!important;display:flex!important;align-items:center!important;font-size:12px!important;line-height:1!important;letter-spacing:.045em!important;flex:0 0 auto!important;white-space:nowrap!important}
body:not(.home) .nav .damtSearch{position:absolute!important;right:92px!important;top:58px!important;display:flex!important;align-items:center!important;width:165px!important;min-width:165px!important;max-width:165px!important;height:34px!important;margin:0!important;z-index:9999!important}
body:not(.home) .nav .damtSearchForm{width:165px!important;height:34px!important}
body:not(.home) .nav .damtSearchInput{font-size:12px!important}
body:not(.home) .nav .damtSearchResults{top:42px!important;right:0!important;left:auto!important;width:360px!important}

/* Jednotné rozložení obsahových podstránek */
body.about-page main.aboutUnified{width:min(1180px,calc(100% - 44px))!important;max-width:1180px!important;margin:114px auto 0!important;padding:0!important}
body.about-page .aboutUnified .pageIntro{width:100%!important;max-width:1180px!important;margin:20px 0!important;padding:22px 0!important;background:transparent!important;border:0!important;min-height:0!important;text-align:left!important;box-shadow:none!important}
body.about-page .aboutUnified .pageIntro p,body.about-page .aboutUnified .pageIntro h1,body.about-page .aboutUnified .pageIntro span{text-align:left!important;margin-left:0!important;margin-right:auto!important}

@media(max-width:1400px){body:not(.home) .topbar{grid-template-columns:270px 1fr!important}body:not(.home) .brand{padding-left:18px!important}body:not(.home) .brand img{width:220px!important;height:52px!important}body:not(.home) .nav{gap:12px!important;padding-left:10px!important}body:not(.home) .nav a{font-size:11px!important;letter-spacing:.035em!important}body:not(.home) .nav .damtSearch{right:88px!important}}
@media(max-width:1120px){body:not(.home) .topbar{height:78px!important;min-height:78px!important;display:flex!important}body:not(.home) .brand{height:78px!important}body:not(.home) .brand img{width:190px!important;height:66px!important}body:not(.home) .navToggle{display:block!important}body:not(.home) .nav{display:none!important;position:absolute!important;top:78px!important;left:0!important;right:0!important;height:auto!important;min-height:0!important;flex-direction:column!important;align-items:flex-start!important;background:#050505!important;padding:20px!important;gap:12px!important}body:not(.home) .nav.open{display:flex!important}body:not(.home) .nav a{height:auto!important;font-size:14px!important;padding:8px 0!important}body:not(.home) .nav .damtSearch{position:relative!important;right:auto!important;top:auto!important;width:190px!important;min-width:190px!important;max-width:190px!important}body.about-page main.aboutUnified{width:calc(100% - 28px)!important;margin-top:84px!important}}

.damt-section,
.section,
.pageIntro,
.mobileServiceHero,
.mobileServicePanel,
.card,
.panel,
.box,
.infoCard,
.serviceCard,
.featureCard,
.benefitCard,
.productCard,
.portfolioCard,
.galleryCard,
.processCard,
.formPanel,
.contactCard,
.pricePanel,
.priceBox,
.pricingCard,
.wheelConfigurator,
.configPanel,
.configSummary,
body.gallery-page .galleryGrid>*,
body.gallery-page .modalPanel,
.blogCard,
.blogCta,
.articleAside{
  border-radius:var(--damt-radius) !important;
}

.damt-card,
.section,
.pageIntro,
.mobileServicePanel,
.card,
.panel,
.box,
.infoCard,
.serviceCard,
.featureCard,
.benefitCard,
.productCard,
.portfolioCard,
.galleryCard,
.processCard,
.formPanel,
.contactCard,
.pricePanel,
.priceBox,
.pricingCard{
  background:var(--damt-panel) !important;
  border:1px solid var(--damt-border) !important;
  box-shadow:var(--damt-shadow) !important;
}

.damt-btn,
button,
.button,
.btn,
.cta,
.submitBtn,
input[type="submit"]{
  border-radius:var(--damt-control-radius) !important;
  font-family:var(--damt-font) !important;
  font-weight:800 !important;
}

.damt-input,
.damt-select,
input,
select,
textarea{
  border-radius:var(--damt-control-radius) !important;
  font-family:var(--damt-font) !important;
}

.damt-muted,
p,
li{
  line-height:var(--damt-body-line);
}

main a:not([class]),
main a:not([class]):visited{
  color:var(--damt-yellow);
  text-decoration-color:rgba(212,160,23,.58);
  text-underline-offset:3px;
}

main a:not([class]):hover,
main a:not([class]):focus-visible{
  color:#fff;
  text-decoration-color:var(--damt-yellow);
}

@media (max-width:900px){
  .damt-page-title,
  h1.damt-page-title{
    font-size:var(--damt-title-mobile) !important;
    line-height:1.12 !important;
  }
}


/* v374 desktop mezery pod nadpisy */
@media (min-width: 1024px){
  .sectionTitle h2,
  .damt-title,
  .damt-section h2{
    margin-bottom:18px !important;
  }
  .sectionTitle p,
  .sectionTitle span{
    display:block;
    margin-top:12px !important;
    margin-bottom:22px !important;
  }
}

/* Sdíleno z HTML: damt-mobile-last-line-overflow-fix-20260703b */
/* Oprava jednoho přetékajícího řádku na mobilech při větším písmu */
@media (max-width: 700px){
  .detailSection, .productInfo, .productPhotoColumn, .damtProductPage, section, article, div, p, strong, h1, h2, h3, h4, li, a, span{
    max-width:100% !important;
    min-width:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  .detailSection p, .detailSection strong{
    display:block !important;
  }
}

/* Sdíleno z HTML: damt-product-photo-zoom-final-css */
.productPhoto, .productPhoto img{cursor:zoom-in !important;}
.damtProductZoomOverlayFinal{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;cursor:zoom-out !important;}
.damtProductZoomOverlayFinal.is-open{display:flex !important;}
.damtProductZoomOverlayFinal img{max-width:96vw;max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 18px 80px rgba(0,0,0,.85);cursor:zoom-out !important;}
.damtProductZoomOverlayFinal button{position:fixed;top:18px;right:24px;width:52px;height:52px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:42px;line-height:48px;cursor:pointer;z-index:2147483647;}
.damtProductZoomOverlayFinal button:hover{background:rgba(255,212,0,.32);color:#111;}
body.damtProductZoomOpen{overflow:hidden !important;}

/* Sdíleno z HTML: damt-unified-footer-all-pages */
.damtFooterUnified{
  background:#050505 !important;
  border-top:1px solid rgba(242,194,0,.55) !important;
  color:#8f9aa4 !important;
  padding:10px 7vw 30px !important;
  margin-top:0 !important;
}
.damtFooterUnifiedInner{
  max-width:1180px !important;
  margin:0 auto !important;
  padding-top:0 !important;
}
.damtFooterCopyright{
  margin:0 0 6px !important;
  color:rgba(255,255,255,.50) !important;
  font-size:12px !important;
  line-height:1.35 !important;
}
.damtFooterColumns{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr 1.15fr !important;
  gap:42px !important;
  align-items:start !important;
  margin-top:0 !important;
}
.damtFooterCol{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}
.damtFooterCol h3{
  margin:0 0 4px !important;
  color:#f2c200 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}
.damtFooterCol a,
.damtFooterCol p{
  margin:0 !important;
  color:rgba(255,255,255,.78) !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
  text-decoration:none !important;
  text-shadow:none !important;
}
.damtFooterCol a:hover{
  color:#f2c200 !important;
}
.damtFooterContact strong{
  color:#fff !important;
}
@media(max-width:900px){
  .damtFooterColumns{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
}

/* Sdíleno z HTML: damt-zoom-cursor-out-fix */
/* DAMT FIX – kurzor zoom-out i na zvětšené fotce při zavírání */
.damtImageZoomOverlay,.damtImageZoomOverlay img,.damtPhotoZoomOverlay,.damtPhotoZoomOverlay img,.damtRealZoomLayer,.damtRealZoomLayer img,.damtRealZoomItem.zoomed{cursor:zoom-out !important;}
.productPhoto,.productPhoto img,.damtWheelThumb,.damtWheelThumb img,.eshopWheelExpandedPhoto img{cursor:zoom-in !important;}

/* Sdíleno z HTML: damt-mtb-layout-and-zoom-fix */
/* DAMT FIX – MTB detail: popis produktu pod fotkou vlevo + funkční zoom fotky */
.productPhotoColumn{display:flex;flex-direction:column;gap:22px;min-width:0;}
.productPhoto{min-height:0 !important;height:auto !important;cursor:zoom-in !important;}
.productPhotoHint{display:none !important;}
.productPhotoColumn .detailSection{margin-top:0 !important;}
.damtImageZoomOverlay{position:fixed;inset:0;z-index:2147483600;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:28px;box-sizing:border-box;}
.damtImageZoomOverlay.is-open{display:flex;}
.damtImageZoomOverlay img{max-width:96vw;max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 18px 70px rgba(0,0,0,.75);}
.damtImageZoomClose{position:fixed;top:18px;right:24px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:42px;line-height:1;width:52px;height:52px;border-radius:999px;cursor:pointer;}
.damtImageZoomClose:hover{background:rgba(255,212,0,.28);}
@media(max-width:860px){.productHero{display:flex !important;flex-direction:column !important}.productPhotoColumn{display:contents !important}.productPhotoColumn>.productPhoto,.productPhotoColumn>.damtExeGallery{order:1}.productInfo{order:2}.productPhotoColumn>.detailSection{order:3}.damtImageZoomOverlay{padding:12px}.damtImageZoomClose{top:10px;right:14px}}