/*
Theme Name: Marek Stavby
Theme URI: https://marekstavby.cz
Author: ChatGPT
Description: Černo-zlatá moderní WordPress šablona pro stavební firmu Marek stavby.
Version: 1.0.0
Requires at least: 6.0
Text Domain: marek-stavby
*/

:root{--black:#070707;--dark:#0b0b0b;--soft:#111111;--gold:#c99a3b;--gold2:#e2b75f;--white:#fff;--muted:#cfcfcf;--line:rgba(201,154,59,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:#050505;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;color:#ddd}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,7,7,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.brand{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:8px}.mark{width:58px;height:48px;position:relative}.mark:before{content:"";position:absolute;inset:10px 4px 0;border-left:8px solid var(--gold);border-top:8px solid var(--gold);transform:rotate(45deg)}.brand strong{font-size:30px;line-height:1;display:block}.brand span{display:block;color:var(--gold);font-size:17px;letter-spacing:10px;margin-top:2px}.menu{display:flex;gap:34px;align-items:center;font-weight:650;text-transform:uppercase;font-size:14px}.menu a:hover,.menu .active{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:#080808;border:1px solid var(--gold);padding:15px 24px;border-radius:4px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.btn.dark{background:rgba(0,0,0,.2);color:#fff;border-color:var(--gold)}.btn:hover{background:var(--gold2);border-color:var(--gold2)}.hero{min-height:780px;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 35%,rgba(0,0,0,.18) 75%),url('assets/images/uvodni-dum.png') center/cover no-repeat;display:flex;align-items:center}.hero-content{max-width:610px;padding:90px 0}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-weight:800;margin-bottom:18px}.hero h1,.section-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.98;margin:0}.hero h1{font-size:clamp(48px,7vw,86px)}.hero p{font-size:20px;color:#e5e5e5;max-width:560px;margin:28px 0}.actions{display:flex;gap:16px;flex-wrap:wrap}.trust{background:rgba(8,8,8,.96);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:30px 0}.trust-item{display:flex;gap:16px;align-items:flex-start;border-right:1px solid rgba(255,255,255,.12);padding-right:18px}.trust-item:last-child{border-right:0}.ico{font-size:34px;color:var(--gold);line-height:1}.trust-item strong{display:block;font-size:18px}.trust-item span{color:#cfcfcf;font-size:15px}.section{padding:86px 0}.center{text-align:center}.section-title{font-size:clamp(38px,5vw,58px)}.services{background:linear-gradient(180deg,#0b0b0b,#121212)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.card{background:#111;border:1px solid rgba(201,154,59,.22);border-radius:6px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-5px);border-color:var(--gold)}.card-img{height:190px;background:url('assets/images/sluzby-kolaz.png') center/cover no-repeat;filter:saturate(.9)}.card:nth-child(2) .card-img{background-position:34% 0}.card:nth-child(3) .card-img{background-position:0 68%}.card:nth-child(4) .card-img{background-position:66% 0}.card:nth-child(5) .card-img{background-position:66% 68%}.card:nth-child(6) .card-img{background-position:100% 68%}.card-body{padding:24px}.card h3{margin:0 0 10px;font-size:22px}.card p{color:#cfcfcf;margin:0}.about{background:#080808}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.panel{background:#101010;border:1px solid var(--line);padding:34px;border-radius:8px}.list{margin:22px 0 0;padding:0;list-style:none}.list li{padding:9px 0;color:#ddd}.list li:before{content:'✓';color:var(--gold);font-weight:900;margin-right:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.step{padding:28px;background:#111;border:1px solid rgba(255,255,255,.08);border-radius:8px}.num{color:var(--gold);font-size:34px;font-weight:900}.contact{background:linear-gradient(90deg,#090909,#141414)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-box{padding:30px;border:1px solid var(--line);background:#0d0d0d;border-radius:8px}.footer{padding:32px 0;background:#050505;border-top:1px solid rgba(255,255,255,.08);color:#aaa;text-align:center}.mobile-cta{display:none;position:fixed;left:0;right:0;bottom:0;background:#060606;border-top:1px solid var(--gold);z-index:50;padding:10px}.mobile-cta a{flex:1;text-align:center;padding:12px;border-radius:4px;font-weight:800}.mobile-cta .call{background:var(--gold);color:#000}.mobile-cta .mail{border:1px solid var(--gold)}
@media(max-width:900px){.topbar{display:none}.menu{display:none}.nav{padding:14px 0}.brand strong{font-size:24px}.hero{min-height:720px;background-position:center}.hero-content{padding:70px 0}.trust-grid,.cards,.steps,.split,.contact-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.mobile-cta{display:flex;gap:10px}body{padding-bottom:70px}}
.references {
  background: #0b0b0b;
}

.section-text {
  max-width: 760px;
  margin: 0 auto 40px;
  color: #cfcfcf;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.gallery-item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 18px;
  height: 180px;
  border: 1px solid rgba(201,154,59,0.25);
  background: #111;
}

.gallery-item.big {
  grid-column: span 2;
  height: 240px;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}

.gallery-item:hover img {
  transform: scale(1.08);
}

.gallery-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
}

.gallery-item span {
  position: absolute;
  left: 22px;
  bottom: 20px;
  z-index: 2;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .gallery {
    grid-template-columns: 1fr;
  }

  .gallery-item,
  .gallery-item.big {
    grid-column: span 1;
    height: 180px;
  }
}
..footer-contact{
    margin-top:60px;
    padding:60px 20px;
    text-align:center;
    background:#0b0b0b;
    color:#fff;
    border-top:2px solid #c99a3b;
}

.footer-logo{
    width:180px;
    margin:0 auto 30px;
    display:block;
}

.footer-contact h3{
    font-size:38px;
    color:#c99a3b;
    margin-bottom:15px;
    letter-spacing:2px;
}

.footer-contact p{
    font-size:22px;
    line-height:1.8;
    margin:8px 0;
}

.footer-contact p strong{
    font-size:26px;
    color:#ffffff;
}

.footer-contact a{
    color:#ffffff;
    text-decoration:none;
    transition:.3s;
}

.footer-contact a:hover{
    color:#c99a3b;
}
.footer-contact{
    display:flex;
    gap:60px;
    justify-content:space-between;
    align-items:center;
    max-width:1400px;
    margin:auto;
    padding:70px 20px;
}

.footer-left{
    flex:1;
    text-align:left;
}

.footer-map{
    flex:1.2;
}

.footer-map iframe{
    width:100%;
    min-height:420px;
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}

@media(max-width:900px){

.footer-contact{
    flex-direction:column;
}

.footer-left{
    text-align:center;
}

.footer-map{
    width:100%;
}

}
.reviews{
    background:#111;
}

.review-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:50px;
}

.review-card{

    background:#1b1b1b;

    border:1px solid rgba(201,154,59,.3);

    border-radius:18px;

    padding:35px;

    transition:.35s;

}

.review-card:hover{

transform:translateY(-8px);

border-color:#c99a3b;

}

.stars{

font-size:28px;

color:#c99a3b;

margin-bottom:20px;

}

.review-card p{

font-size:18px;

line-height:1.8;

margin-bottom:25px;

}

.review-card strong{

font-size:17px;

color:#c99a3b;

}

@media(max-width:900px){

.review-grid{

grid-template-columns:1fr;

}

}
.why-us{
    background:#111;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    margin-top:50px;
}

.why-card{
    background:#1b1b1b;
    border:1px solid rgba(201,154,59,.25);
    border-radius:18px;
    padding:35px 28px;
    transition:.35s ease;
}

.why-card:hover{
    transform:translateY(-8px);
    border-color:#c99a3b;
}

.why-icon{
    font-size:42px;
    margin-bottom:18px;
}

.why-card h3{
    color:#c99a3b;
    font-size:24px;
    margin-bottom:12px;
}

.why-card p{
    color:#d4d4d4;
    font-size:17px;
    line-height:1.7;
}

@media(max-width:900px){
    .why-grid{
        grid-template-columns:1fr;
    }
}