/* ====================================================================
   Własne poprawki CMS WaszDach (ładowane po stylach motywu)
   ==================================================================== */

/* --- Karty „POLECAMY”: równa wielkość obrazków i kart --- */
.box-promo .card img.custom-img5,
.box-promo .card > img {
    width: 100%;
    height: 210px;
    object-fit: cover;       /* przycina do równego prostokąta zamiast rozciągać */
    display: block;
}
.row .box-promo { display: flex; }
.box-promo .card { width: 100%; height: 100%; }

/* --- Menu górne: nie łam etykiet w środku (np. „Działamy w") i mniej ciasno na średnich ekranach --- */
#main-menu .nav-link { white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1350px){
    #main-menu .nav-link { padding-left: .5rem !important; padding-right: .5rem !important; font-size: .9rem; }
    .navbar-facebook, .navbar-youtube { font-size: 1.6rem !important; }
}

/* --- Ikona YouTube w nagłówku (obok Facebooka) --- */
.navbar-youtube { font-size: 2rem; margin-top: 2px; margin-left: 8px; color: #FF0000 !important; }
.navbar-youtube:hover { color: #cc0000 !important; }

/* --- Fonty: awaryjny łańcuch, żeby NIGDY nie było szeryfowego zamiennika --- */
body, p, li, td, th, div, span, input, textarea, select, button, a {
    font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, .oswald, .h-index, .navbar-brand, .card-title, .site-header, .site-footer h3 {
    font-family: 'Oswald', 'Segoe UI', Arial, sans-serif;
}
/* Menu górne i boczne miały goły 'Roboto' (bez zapasu) -> wymuszamy z awaryjnym sans-serif */
.navbar .nav-link, #main-menu .nav-link, a.nav-link,
#oferta-left a.nav-link-2, a.nav-link-2 {
    font-family: 'Roboto', 'Segoe UI', Arial, sans-serif !important;
}

/* --- Karta produktu: solidny układ (obraz lewo, opis prawo-góra, ramka danych prawo-dół) --- */
.product-card .row { display: block; overflow: hidden; }   /* obejmuje floaty */
.product-card-img  { float: left  !important; width: 33.333% !important; max-width: 33.333% !important; }
.product-card-box1,
.product-card-box2 { position: static !important;    /* KLUCZ: box2 był absolute -> nachodził */
    float: right !important; width: 66.666% !important; max-width: 66.666% !important; clear: right !important; }
.product-card-img img { max-width: 100%; height: auto; }

/* wewnątrz ramki: dane po lewej, przyciski po prawej (btn2 też był absolute!) */
.product-card-colors { position: static !important; float: left  !important; width: 41.666% !important; max-width: 41.666% !important; }
.product-card-btn2   { position: static !important; float: right !important; width: 58.333% !important; max-width: 58.333% !important; }
.product-card-btn2 .btn { margin-bottom: 8px; }

@media (max-width: 767px){
    .product-card-box1, .product-card-box2, .product-card-img,
    .product-card-colors, .product-card-btn2 {
        float: none !important; width: 100% !important; max-width: 100% !important;
    }
}

/* --- Filmy YouTube: pełna szerokość kolumny (jak tekst / kreski) --- */
iframe[src*="youtube"],
iframe[src*="youtube-nocookie"],
iframe[src*="vimeo"] {
    width: 100% !important;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;    /* zachowuje proporcje filmu */
    display: block;
    border: 0;
    margin: 0 0 18px;
}