/* ===== Base ===== */
body { font-family: 'Roboto', sans-serif; font-weight: bold; }

/* ===== Navbar (desktop) ===== */
.bg-color { background-color: #4c5dc3; }
.logo { height: 150px !important; width: 350px !important; }
.navbar { box-shadow: 0 4px 6px -2px #ececee; }
.navbar-toggler { border-color: #fff; }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-brand img{
  border-radius: 10px;
}

/* Desktop nav links */
.styled-nav{
  color:#ececee !important; font-size:21px; border:2px solid #ececee; border-radius:10px;
  padding:6px 18px; display:inline-block; text-align:center; min-width:150px;
  transition:all .3s ease-in-out;
}
.styled-nav:hover{
  font-weight:700; transform:scale(1.1); box-shadow:0 4px 10px rgba(0,0,0,.3);
  background-color:rgba(255,255,255,.1); letter-spacing:1.7px;
}

/* ===== Navbar (mobile only) ===== */
@media (max-width: 991.98px){
  .navbar-brand .logo{ height:56px !important; width:auto !important; }
  /* избегни фиксни димензии на слики во navbar */
  .navbar img{ height:auto !important; width:auto !important; }

  .navbar .container-fluid{ align-items:center; justify-content:space-between; gap:.75rem; }
  .navbar-collapse{ padding-top:.5rem; }
  .navbar-toggler{ padding:.25rem .5rem; border-color:#ececee; background:rgba(255,255,255,.08); border-radius:10px; box-shadow:none !important; }
  .navbar-toggler:focus{ box-shadow:none !important; }

  .navbar-nav .nav-item{ margin:.25rem 0; }
  .styled-nav{
    display:block; width:100%; min-width:0; text-align:left;
    font-size:18px; padding:10px 14px; border:1px solid #ececee; border-radius:12px;
    background:transparent; color:#ececee !important;
    transition:none !important; transform:none !important; box-shadow:none !important; letter-spacing:0 !important; font-weight:500;
  }
  .styled-nav:hover, .styled-nav:active, .styled-nav:focus{
    background:rgba(255,255,255,.08); color:#ececee !important; border-color:#ececee;
  }
  .btn-contact{
    border:1px solid #ececee !important; color:#ececee !important; background:transparent !important;
    width:100%; border-radius:12px; padding:10px 14px;
  }
}

/* ===== Holz palette & hero ===== */
.text-brand{ color:#4c5dc3; }
.holz-hero{
  background-size:cover; background-position:center; background-repeat:no-repeat;
  min-height:320px; position:relative;
}
.holz-hero::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.15)); }
.holz-hero .container{ position:relative; z-index:1; }
.holz-title{ color:#ececee; font-weight:800; }
.holz-sub{ color:#ececee; }

/* Holz cards / lists */
.holz-card{ border:1px solid #ececee; }
.holz-card h2{ color:#4c5dc3; }
.holz-list{ list-style:none; margin:0; padding-left:1.1rem; }
.holz-list li{
  position:relative; padding-left:1rem; color:#4c5dc3; margin-bottom:.4rem;
}
.holz-list li::before{
  content:""; position:absolute; left:0; top:.6em; width:6px; height:6px;
  border:1px solid #ececee; background:#4c5dc3; border-radius:50%; transform:translateY(-50%);
}
.holz-badge{ background:#4c5dc3; color:#ececee; }
.holz-chip{ background:#ececee; color:#4c5dc3; border:1px solid #4c5dc3; }

/* ===== Big unified slider ===== */
#drvo-all .carousel-item img {
  display: block;
  width: 100%;
  height: auto;             /* ги прави последните 5 да се гледаат правилно */
  max-height: 520px;        /* за да не се растегнуваат прекумерно */
  object-fit: contain;      /* целата слика внатре без сечење */        /* убава рамка ако има празно место */
}
#drvo-all .carousel-indicators [data-bs-target]{ background:#ececee; }
#drvo-all .carousel-indicators .active{ background:#4c5dc3; }
#drvo-all .carousel-control-prev-icon,
#drvo-all .carousel-control-next-icon{
  filter: invert(51%) sepia(37%) saturate(2591%) hue-rotate(209deg) brightness(93%) contrast(95%);
}

/* ===== Holz mobile tuning ===== */
@media (max-width: 575.98px){
  #holz-hero{ height:45vh; min-height:240px; background-position:center; }
  #holz-hero .container{ padding:2rem 1rem; }
  .holz-title{ font-size:1.4rem; line-height:1.2; margin-bottom:.25rem; }
  .holz-sub{ font-size:.95rem; }
  #holz-hero .btn{ width:100%; margin-bottom:.5rem; }

  #holz-prozess .row{ row-gap:1rem; }
  #holz-prozess .card{ border-radius:12px; }
  #holz-prozess .card-body{ padding:14px; }
  #holz-prozess .card-body h2{ font-size:1rem; margin-bottom:.5rem; }
  .holz-list{ padding-left:1rem; }
  .holz-list li{ font-size:.95rem; line-height:1.35; margin-bottom:.35rem; padding-left:.9rem; }
  .holz-list li::before{ top:.62em; }

  #drvo-all .carousel{ border-radius:12px; overflow:hidden; }
  #drvo-all .carousel-item img{ height:48vh; } 
  #holz-partner .row > [class*="col-"]{ text-align:center; }
  #holz-partner img{ max-width:160px; height:auto; margin-top:.25rem; }
  .partner-link{ display:inline-block; margin-top:.25rem; }

  #holz-prozess, #drvo-all, #holz-partner{ padding-top:1.25rem; padding-bottom:1.25rem; }
}


/* ===== Partner logo ===== */
.partner-logo{ height:56px; width:auto; border-radius:8px; }
@media (min-width:768px){ .partner-logo{ height:72px; } }


/* Partner секција – чисти лого димензии и убава поставеност */
.partner-logos { row-gap: 10px; column-gap: 16px; }
.partner-logo {
  height: 100px;        
  width: 120px;
  border-radius: 8px;     
  filter: grayscale(0%);  
  opacity: .95;
}
.partner-logo:hover {
  opacity: 1;
}

/* Линкот во твоите бои, дискретен */
.partner-link {
  color: #4c5dc3;
  text-decoration: none;
  border-bottom: 1px solid #4c5dc3;
  padding-bottom: 2px;
}
.partner-link:hover { text-decoration: none; }

.partner-border{
    border-bottom: 1px solid #4c5dc3;
     border-top: 1px solid #4c5dc3;
}
.partner-inf{
   color: #4c5dc3;
}


/* Мобилна адаптација */
@media (max-width: 991.98px){
  #holz-partner .row > [class*="col-"] { text-align: center; }
  .partner-logo { height: 48px; }
}





/* ===== Footer ===== */
.footer{ background-color:#4c5dc3; color:#ececee; font-family:'Roboto', sans-serif; }
.footer-title{ font-size:1.2rem; font-weight:700; margin-bottom:15px; color:#ececee; } 
.footer-link{ color:#ececee; text-decoration:none; }
.footer p, .footer li{ font-size:1.3rem; line-height:1.6; }
.footer-logo{ height:150px; width:300px; border-radius:10px; }

/* Footer mobile */
@media (max-width: 991.98px){
  footer.footer{ border-top:1px solid #ececee; padding-top:1rem; }
  footer.footer .container{ margin-top:1.5rem !important; }
  footer.footer .row > [class*="col-"]{ text-align:center; margin-bottom:.75rem; }
  footer.footer .footer-logo img,
  footer.footer img.footer-logo{ height:56px; width:auto; border-radius:10px; }
  footer.footer p{ margin-bottom:.25rem; }
  footer.footer .text-center small{ display:inline-block; margin-top:.5rem; }
}