/* ============================================================
   MOTYW SAX.PL — skórka na bazie Twenty-One
   Paleta: pomarańcz #f15031, grafit #0f172a, szarość #64748b,
           tło #f5f7fa, obramowania #e6e9f0
   Plik ładowany jako ostatni — nadpisuje theme.css.
   Fabryczny custom.css bazowy: templates/twenty-one/css/custom.css
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

html { font-size: 14px; }

:root {
    --sax-pomarancz: #f15031;
    --sax-pomarancz-ciemny: #d63d20;
    --sax-pomarancz-tlo: #fff7f5;
    --sax-grafit: #0f172a;
    --sax-szary: #64748b;
    --sax-tlo: #f5f7fa;
    --sax-obramowanie: #e6e9f0;
    --sax-karta-cien: 0 1px 3px rgba(15, 23, 42, .06);
}

body {
    background-color: var(--sax-tlo);
    color: var(--sax-grafit);
    font-family: 'Inter', 'Segoe UI', -apple-system, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 700;
    color: var(--sax-grafit);
}

a { color: var(--sax-pomarancz); }
a:hover { color: var(--sax-pomarancz-ciemny); }

/* ---------- Górny pasek + nawigacja ---------- */

#main-body { background-color: var(--sax-tlo); }

.app-header {
    border-top: 3px solid var(--sax-pomarancz);
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

.app-header .navbar.navbar-light { background: #fff; }

.main-navbar-wrapper {
    background: #fff;
    border-top: 1px solid var(--sax-obramowanie);
    border-bottom: 1px solid var(--sax-obramowanie);
}

.main-navbar-wrapper .navbar-nav > li > a,
.main-navbar-wrapper .nav-link {
    color: var(--sax-grafit) !important;
    font-weight: 600;
}

.main-navbar-wrapper .navbar-nav > li > a:hover,
.main-navbar-wrapper .nav-link:hover,
.main-navbar-wrapper .navbar-nav > li.active > a {
    color: var(--sax-pomarancz) !important;
}

.navbar .toolbar .nav-link { color: var(--sax-szary); }
.navbar .toolbar .nav-link:hover { color: var(--sax-pomarancz); }

/* ---------- Przyciski ---------- */

.btn { border-radius: 8px; font-weight: 600; }

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--sax-pomarancz);
    border-color: var(--sax-pomarancz);
    color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
    background-color: var(--sax-pomarancz-ciemny);
    border-color: var(--sax-pomarancz-ciemny);
    box-shadow: 0 0 0 .2rem rgba(241, 80, 49, .25);
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #f8977f;
    border-color: #f8977f;
}

.btn-outline-primary {
    color: var(--sax-pomarancz);
    border-color: var(--sax-pomarancz);
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--sax-pomarancz);
    border-color: var(--sax-pomarancz);
    color: #fff;
}

.btn-link { color: var(--sax-pomarancz); }
.btn-link:hover { color: var(--sax-pomarancz-ciemny); }

/* ---------- Karty ---------- */

.card {
    border: 1px solid var(--sax-obramowanie);
    border-radius: 12px;
    box-shadow: var(--sax-karta-cien);
}

.card-header {
    background-color: #fff;
    border-bottom: 1px solid var(--sax-obramowanie);
    border-radius: 12px 12px 0 0 !important;
    font-weight: 700;
    color: var(--sax-grafit);
}

.card-footer {
    background-color: #fbfcfe;
    border-top: 1px solid var(--sax-obramowanie);
    border-radius: 0 0 12px 12px !important;
}

/* ---------- Kafelki statystyk na pulpicie ---------- */

.client-home-cards .highlight,
.client-home-cards .highlight.bg-color-blue,
.client-home-cards .highlight.bg-color-gold,
.client-home-cards .highlight.bg-color-green,
.client-home-cards .highlight.bg-color-red {
    background: #fff !important;
    border: 1px solid var(--sax-obramowanie);
    border-radius: 12px;
    box-shadow: var(--sax-karta-cien);
    transition: transform .15s ease, box-shadow .15s ease;
}

.client-home-cards .highlight:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, .10);
}

.client-home-cards .highlight,
.client-home-cards .highlight * {
    color: var(--sax-grafit) !important;
}

.client-home-cards .highlight .stat {
    color: var(--sax-pomarancz) !important;
    font-weight: 800;
}

/* ---------- Strona główna (portal) ---------- */

.home-shortcuts { background: transparent; }

.home-shortcuts .card,
.card-columns.home .card {
    border-radius: 12px;
}

.card[class*="card-accent-"] { border-top: 3px solid var(--sax-pomarancz) !important; }

/* wyszukiwarka domen */
.home-search input[type="text"],
.domain-search-input {
    border-radius: 8px;
    border-color: var(--sax-obramowanie);
}

/* ---------- Formularze ---------- */

.form-control { border-radius: 8px; border-color: #d5dae3; }

.form-control:focus {
    border-color: var(--sax-pomarancz);
    box-shadow: 0 0 0 .2rem rgba(241, 80, 49, .15);
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--sax-pomarancz);
    border-color: var(--sax-pomarancz);
}

/* ---------- Menu boczne / listy ---------- */

.list-group-item { border-color: var(--sax-obramowanie); }

.list-group-item.active,
.list-group-item.active:hover {
    background-color: var(--sax-pomarancz-tlo);
    border-color: var(--sax-obramowanie);
    color: var(--sax-pomarancz);
    border-left: 3px solid var(--sax-pomarancz);
    font-weight: 600;
}

.list-group-item:hover { background-color: #fbfcfe; }

/* ---------- Tabele ---------- */

.table thead th {
    background-color: #fbfcfe;
    color: var(--sax-szary);
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .04em;
    border-bottom: 1px solid var(--sax-obramowanie);
}

.table td { border-color: var(--sax-obramowanie); vertical-align: middle; }

/* ---------- Etykiety statusów ---------- */

.label, .badge { border-radius: 999px; font-weight: 600; }

/* ---------- Paginacja / drobiazgi ---------- */

.page-item.active .page-link {
    background-color: var(--sax-pomarancz);
    border-color: var(--sax-pomarancz);
}

.page-link { color: var(--sax-pomarancz); }

.text-primary { color: var(--sax-pomarancz) !important; }
.bg-primary { background-color: var(--sax-pomarancz) !important; }
.border-primary { border-color: var(--sax-pomarancz) !important; }

/* pasek postępu, spinnery */
.progress-bar { background-color: var(--sax-pomarancz); }

/* ---------- Stopka ---------- */

.footer, #footer, footer.footer {
    background: #fff;
    border-top: 1px solid var(--sax-obramowanie);
    color: var(--sax-szary);
}

/* ---------- Panel logowania ---------- */

.login-card .card, .logincontainer .card { border-radius: 14px; }

/* ============================================================
   POPRAWKI v2
   ============================================================ */

/* 1. Kafelki statystyk na pulpicie klienta (clientareahome.tpl, .tiles .tile) */
.tiles .tile .highlight,
.tiles .tile .highlight.bg-color-blue,
.tiles .tile .highlight.bg-color-green,
.tiles .tile .highlight.bg-color-red,
.tiles .tile .highlight.bg-color-gold {
    background-color: #fff !important;
    border: 1px solid var(--sax-obramowanie);
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
}
.tiles .tile .stat {
    color: var(--sax-pomarancz) !important;
}

/* 2. Akcenty kart (.card.card-accent-*) */
.card.card-accent-gold,
.card.card-accent-red,
.card.card-accent-green,
.card.card-accent-teal,
.card.card-accent-pomegranate,
.card.card-accent-sun-flower,
.card.card-accent-asbestos,
.card.card-accent-midnight-blue {
    border-top: 3px solid var(--sax-pomarancz) !important;
}

/* 3. Mini-przyciski .btn.btn-default.bg-color-* */
.btn.btn-default.bg-color-gold,
.btn.btn-default.bg-color-red,
.btn.btn-default.bg-color-blue,
.btn.btn-default.bg-color-green {
    background-color: transparent !important;
    border: 1px solid var(--sax-pomarancz) !important;
    color: var(--sax-pomarancz) !important;
    border-radius: 999px !important;
}
.btn.btn-default.bg-color-gold:hover,
.btn.btn-default.bg-color-red:hover,
.btn.btn-default.bg-color-blue:hover,
.btn.btn-default.bg-color-green:hover {
    background-color: var(--sax-pomarancz) !important;
    border-color: var(--sax-pomarancz) !important;
    color: #fff !important;
}

/* 4. .btn-success -> pomarańcz (etykiety .label-success/.badge-success zostają zielone) */
.btn-success {
    background-color: var(--sax-pomarancz) !important;
    border-color: var(--sax-pomarancz) !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    background-color: var(--sax-pomarancz-ciemny) !important;
    border-color: var(--sax-pomarancz-ciemny) !important;
}

/* 5. .navbar-brand */
.navbar-brand {
    font-weight: 800;
    font-size: 1.35rem;
    letter-spacing: -0.02em;
    color: var(--sax-grafit) !important;
}
/* ============================================================
   POPRAWKI v3
   ============================================================ */
/* 1. Akcenty kart na stronie glownej - klasa akcentu wystepuje bez .card (homepage.tpl, action-icon-btns) */
.card-accent-teal,
.card-accent-pomegranate,
.card-accent-sun-flower,
.card-accent-asbestos,
.card-accent-green,
.card-accent-midnight-blue,
.card-accent-gold,
.card-accent-red,
.card-accent-blue {
    border-top-color: var(--sax-pomarancz) !important;
}
/* 2. Stopka - linki/przyciski bialy/#eee, niewidoczne na bialym tle */
#footer a,
#footer .btn,
#footer button {
    color: var(--sax-szary) !important;
}
#footer a:hover,
#footer .btn:hover {
    color: var(--sax-pomarancz) !important;
}
#footer .iti-flag {
    box-shadow: 0 0 0 1px var(--sax-obramowanie);
}
/* 3. Aktywna pozycja menu bocznego - theme.css ".sidebar .list-group-item.active" (3 klasy) wygrywa
      specyficznoscia nad nasza regula ".list-group-item.active" (2 klasy) z sekcji "Menu boczne / listy" wyzej */
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:hover,
.sidebar .list-group-item.active:focus {
    background-color: var(--sax-pomarancz-tlo) !important;
    border-color: var(--sax-obramowanie) !important;
    color: var(--sax-pomarancz) !important;
    border-left: 3px solid var(--sax-pomarancz) !important;
}

/* ============================================================
   NAGŁÓWEK v4 — jedna belka nawigacji (logo + menu w górnym pasku)
   ============================================================ */
.app-header .navbar-brand img {
    height: 36px;
    width: auto;
}
.app-header .navbar.navbar-light {
    padding: .6rem 0;
    flex-wrap: nowrap;
}
.app-header .navbar.navbar-light .navbar-collapse {
    align-items: center;
}
#mainNavbar .navbar-nav {
    align-items: center;
}
#mainNavbar .navbar-nav > li > a,
#mainNavbar .nav-link {
    color: var(--sax-grafit) !important;
    font-weight: 600;
}
#mainNavbar .navbar-nav > li > a:hover,
#mainNavbar .nav-link:hover,
#mainNavbar .navbar-nav > li.active > a {
    color: var(--sax-pomarancz) !important;
}

/* ============================================================
   OFERTA v5 — "Nasza oferta" na stronie glownej: 4 karty w jednej
   linii (grid zamiast masonry), kolejnosc, rowne wysokosci,
   wyroznienie karty core (Serwery www)
   ============================================================ */
.card-columns.home {
    column-count: unset !important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}
@media (max-width: 991px) {
    .card-columns.home {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .card-columns.home {
        grid-template-columns: 1fr;
    }
}
.card-columns.home .card {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}
.card-columns.home .card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.card-columns.home .card-body .btn {
    margin-top: auto;
}
/* Kolejnosc kart: Serwery www | Zarejestruj nowa domene | Przenies domene do nas | Uslugi dodatkowe */
.card-columns.home .card-order-1 { order: 1; }
.card-columns.home .card-order-2 { order: 2; }
.card-columns.home .card-order-3 { order: 3; }
.card-columns.home .card-order-4 { order: 4; }
/* Wyroznienie karty core (Serwery www) */
.card-core {
    background: #fff7f5;
    border: 1px solid var(--sax-pomarancz) !important;
}
.card-core .card-title {
    color: var(--sax-pomarancz);
}
.core-badge {
    display: inline-block;
    background: var(--sax-pomarancz);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 999px;
    margin-bottom: 8px;
    letter-spacing: .03em;
}

/* ============================================================
   HERO v6 — sekcja wyszukiwarki domen na stronie glownej: baner
   na PELNA szerokosc okna (full-bleed, bez border-radius po
   bokach), tlo jak baner koszyka (cart.php?a=add&domain=register
   -> .domain-checker-container / .domain-checker-bg, gradient
   #ffd960 -> #ffb201, globus przy prawej krawedzi banera).
   Sama wyszukiwarka (pole + przyciski) zwezona i wycentrowana
   w srodku banera (korekta Kamila 2026-08-20).
   ============================================================ */
.home-domain-search {
    width: 100vw;
    max-width: 100vw;
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background-color: #ffb201 !important;
    background-image: url('/templates/orderforms/standard_cart/img/globe.png'), linear-gradient(to bottom, #ffd960, #ffb201);
    background-repeat: no-repeat;
    background-position: right -40px top -5px, left top;
    padding: 2.5rem 2rem;
}
.home-domain-search h2 {
    color: var(--sax-grafit);
}
.home-domain-search .input-group-wrapper,
.home-domain-search .row.d-sm-none {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 575px) {
    .home-domain-search {
        background-image: linear-gradient(to bottom, #ffd960, #ffb201);
        padding: 1.5rem 1rem;
    }
}

/* ============================================================
   STOPKA v7 — stopka panelu klienta wzorowana na .sax-topbar
   z templates/sax/viewinvoice.tpl (biala karta + gorna
   krawedz w kolorze marki), 3 kolumny + wycentrowany copyright
   ============================================================ */
.footer.sax-footer-v7 {
    background: #fff;
    border-top: 3px solid var(--sax-pomarancz);
    padding: 2.5rem 0 1.5rem;
    margin-top: 2rem;
}
.sax-footer-col {
    margin-bottom: 1.5rem;
}
.sax-footer-heading {
    font-weight: 700;
    color: var(--sax-grafit);
    margin-bottom: 8px;
}
.sax-footer-text {
    color: var(--sax-szary);
    font-size: 14px;
    line-height: 1.7;
}
.sax-footer-links {
    padding-left: 0;
    margin-bottom: 10px;
}
.sax-footer-links .nav-link {
    padding: 2px 0;
}
.sax-footer-lang {
    margin: 0;
}
.sax-footer-copyright {
    border-top: 1px solid var(--sax-obramowanie);
    padding-top: 1rem;
    margin-top: .5rem;
    color: var(--sax-szary);
    font-size: 13px;
}
@media (max-width: 767px) {
    .sax-footer-col {
        text-align: center;
    }
    .sax-footer-links {
        display: inline-block;
        text-align: left;
    }
}

/* ===== KOSMETYKA v8 ===== */
header .topbar {
    background-color: var(--sax-pomarancz) !important;
}
header .topbar,
header .topbar a {
    color: #fff !important;
}

.breadcrumb,
.breadcrumb a,
.breadcrumb .breadcrumb-item {
    font-weight: 600;
}

/* Stopka - przelacznik jezyk/waluta - pogrubienie tekstu */
.sax-footer-lang .sax-lang-switch {
    font-weight: 600;
}

/* Pasek masquerade - wyrownanie w pionie lewej i prawej grupy */
header .topbar .d-flex {
    align-items: center;
}
header .topbar .active-client {
    align-items: center;
}
header .topbar .btn-group {
    align-items: center;
}
header .topbar #accountNotifications {
    display: flex;
    align-items: center;
}

/* Stopka - kolumna linkow (Wiecej) - wyrownanie standardowe do lewej, jak kolumny 1-2 */

/* Stopka - flaga w osi tekstu przelacznika */
.sax-footer-lang .sax-lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.sax-footer-lang .sax-lang-switch .iti-flag {
    flex: 0 0 auto;
    margin: 0;
}

/* Pasek masquerade - gap miedzy etykieta a plakietka licznika powiadomien */
header .topbar #accountNotifications {
    gap: 6px;
}
.topbar-count {
    background: #fff;
    color: var(--sax-pomarancz);
    font-weight: 700;
    font-size: 11px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 999px;
    padding: 0 5px;
    display: inline-block;
}

/* Stopka - kolumna waluty (ostatnia, prawy skraj) - naglowek i przycisk do prawej jako zwarty blok */
.sax-footer-col-currency {
    text-align: right;
}
.sax-footer-col-currency .sax-footer-lang {
    display: inline-block;
    padding-left: 0;
    margin-left: 0;
}
.sax-footer-col-currency .sax-footer-lang .list-inline-item {
    margin-left: 0;
}
.sax-footer-col-currency .sax-lang-switch {
    padding-left: 0;
}
@media (max-width: 767px) {
    .sax-footer-col-currency {
        text-align: left;
    }
}

/* Stopka - waluta: tekst przycisku rowno z prawa krawedzia naglowka (zerowanie prawego paddingu) */
.sax-footer-col-currency .sax-lang-switch {
    padding-right: 0;
}

/* Stopka - waluta: nadpisanie z #footer, bo id bije klasy */
#footer .sax-footer-col-currency .sax-lang-switch {
    padding-right: 0 !important;
    border-right: 0 !important;
}

/* ============ POPRAWKI v9: overflow + mobile stopka ============ */
/* Full-bleed hero uzywa 100vw, ktore liczy szerokosc razem z paskiem
   przewijania — na desktopie wystawalo ~17px i robilo poziomy scroll. */
html, body { overflow-x: hidden; }

/* Mobile: wszystkie kolumny stopki jednolicie wysrodkowane */
@media (max-width: 767px) {
    #footer .sax-footer-col,
    #footer .sax-footer-col-links,
    #footer .sax-footer-col-currency {
        text-align: center !important;
        margin-bottom: 1.25rem;
    }
    #footer .sax-footer-links { display: block; }
    #footer .sax-footer-links .nav-link { text-align: center; padding: .25rem 0; }
    #footer .sax-footer-lang { display: inline-block; }
}

/* ============ POPRAWKA v10: lamanie dlugich nazw w bocznych boxach ============ */
/* Nazwa zgloszenia (#370222 - [TEST] ...) wystawala poza karte "Twoje ostatnie
   zgloszenia" na submitticket.php - dlugi ciag bez lamania. */
#main-body .list-group-item,
#main-body .list-group-item a,
.card .list-group-item,
.panel-sidebar .list-group-item {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    min-width: 0;
}

/* ============ POPRAWKA v11: przyciecie tytulu zgloszenia w boxie ============ */
/* .sidebar-menu-item-label to dziecko flexa z min-width:auto - nie chcialo sie
   zwezic, wiec nowrap-owy .truncate rozpychal karte o ~134px. */
#main-body .sidebar-menu-item-wrapper .sidebar-menu-item-label {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
}
#main-body .recent-ticket .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
}

/* ============ POPRAWKA v12: polski przycisk "Browse" w polu pliku ============ */
/* Tekst "Browse" generuje CSS Bootstrapa (::after), nie WHMCS. */
.custom-file-label::after {
    content: "Przeglądaj";
}

/* ============ POPRAWKA v13: alerty "sukces" w barwach marki ============ */
/* Zielony banner (np. "Brak otwartych problemow" na serverstatus.php)
   przemalowany na kremowo-pomaranczowy schemat SAX. */
.alert-success {
    background-color: var(--sax-pomarancz-tlo);
    border-color: var(--sax-pomarancz);
    color: var(--sax-grafit);
}
.alert-success .alert-link, .alert-success a { color: var(--sax-pomarancz); }

/* ============ POPRAWKA v15: alerty ostrzegawcze w barwach marki ============ */
.alert-warning {
    background-color: var(--sax-pomarancz-tlo);
    border-color: var(--sax-pomarancz);
    color: var(--sax-grafit);
}
.alert-warning .btn, .alert-warning a.btn {
    background-color: var(--sax-pomarancz);
    border-color: var(--sax-pomarancz);
    color: #fff;
}

/* ============ POPRAWKA v16: przyciski informacyjne w barwach marki ============ */
.btn-info, .btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active {
    background-color: var(--sax-pomarancz) !important;
    border-color: var(--sax-pomarancz) !important;
    color: #fff !important;
}
.btn-info:hover {
    background-color: var(--sax-pomarancz-ciemny) !important;
    border-color: var(--sax-pomarancz-ciemny) !important;
}

/* ============ POPRAWKA v17 motywu: licznik koszyka w marce ============ */
.cart-btn .badge, .badge-info {
    background-color: var(--sax-pomarancz) !important;
    color: #fff !important;
}

/* ============ POPRAWKA v18: SYSTEMOWO wszystkie paski informacyjne w kremie marki ============ */
/* Kazdy tint Bootstrapa (blekit/szarosc/blad koloru) -> jednolity krem SAX.
   Success/warning juz przemalowane wczesniej; to domyka rodzine. */
.alert-info, .alert-primary, .alert-secondary, .alert-light,
.bg-info, .bg-primary-light, .table-info, .badge-secondary {
    background-color: var(--sax-pomarancz-tlo) !important;
    border-color: var(--sax-obramowanie-marki, #fed7aa) !important;
    color: var(--sax-grafit) !important;
}
.alert-info a, .alert-primary a, .alert-secondary a { color: var(--sax-pomarancz) !important; }
.alert-info .btn, .alert-primary .btn {
    background-color: var(--sax-pomarancz) !important;
    border-color: var(--sax-pomarancz) !important;
    color: #fff !important;
}

/* ============ POPRAWKA v19: stala informacja o cenach brutto (stopka) ============ */
#footer .sax-vat-info {
    margin-top: 10px;
    font-size: 12px;
    color: var(--sax-szary);
    line-height: 1.45;
    max-width: 230px;
    margin-left: auto;   /* kolumna waluty jest dosunieta do prawej */
}
@media (max-width: 767px) {
    #footer .sax-vat-info { margin-left: auto; margin-right: auto; text-align: center; }
}

/* ============ POPRAWKA v20: link RSS ogloszen ukryty (decyzja Kamila) ============ */
#Primary_Sidebar-Announcements_Months-RSS_Feed { display: none !important; }

/* ============ POPRAWKA v21: przycisk Powrot w marce ============ */
a.btn[href*="announcements"]:not([href*="rss"]) { }
.btn.btn-default {
    background-color: var(--sax-pomarancz);
    border-color: var(--sax-pomarancz);
    color: #fff;
}
.btn.btn-default:hover {
    background-color: var(--sax-pomarancz-ciemny);
    border-color: var(--sax-pomarancz-ciemny);
    color: #fff;
}

/* ============ POPRAWKA v22: przycisk DirectAdmin w pasku okruszkow (2026-09-13) ============ */
/* HTML: templates/sax/header.tpl (master-breadcrumb); dane: includes/hooks/sax-przycisk-directadmin.php */
.master-breadcrumb .sax-okruszki {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .25rem 1rem;
}
.master-breadcrumb .sax-okruszki .breadcrumb {
    margin-bottom: 0;
    flex: 1 1 auto;
}
.sax-da-narzedzia {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.sax-btn-da,
.sax-btn-da:focus {
    background-color: var(--sax-pomarancz);
    border-color: var(--sax-pomarancz);
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}
.sax-btn-da:hover {
    background-color: var(--sax-pomarancz-ciemny);
    border-color: var(--sax-pomarancz-ciemny);
    color: #fff;
}

/* ============ POPRAWKA v23: obrazki w ogloszeniach nie wychodza poza kolumne (2026-09-13) ============ */
/* WHMCS wycina style inline z tresci ogloszen, wiec skalowanie musi byc w CSS motywu. */
.sax-artykul img,
.announcements .announcement article img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
    border-radius: 6px;
}