/* Tymito header — unscoped (independent of Elementor post ID / CSS cache) */

/* Header: wymuszaj przycisk (ostatni kontener) do prawej krawędzi 1280px content area.
   Bez tego nav-container ma domyślne flex-grow:1 i zjada wolną przestrzeń, przez co
   przycisk klei się do nav zamiast prawej krawędzi.
   Elementor ustawia flex-grow przez custom property --flex-grow — trzeba nadpisać obie. */
/* Content width MUSI się zgadzać z wewnętrznymi wrapperami sekcji strony (.xxx-inner max 1280).
   Kit ustawia .e-con-inner max-width 1360 + padding 40+40 — right edge NIE zgadza się z .xxx-inner.
   Wymuszam max 1280 bez paddingu → prawa krawędź header buttona = prawa krawędź buttonów w sekcjach. */
/* Wymuszamy content-width przez CSS variable (drogą Elementora) + safety net na .e-con-inner */
[data-elementor-type="header"] .e-con.e-con-boxed {
    --content-width: 1280px !important;
    --container-max-width: 1280px !important;
}
[data-elementor-type="header"] .e-con.e-con-boxed > .e-con-inner {
    max-width: 1280px !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: space-between !important;
}
[data-elementor-type="header"] .e-con.e-con-boxed > .e-con-inner > .e-con:last-child {
    margin-left: auto !important;
    --flex-grow: 0 !important;
    flex-grow: 0 !important;
}
[data-elementor-type="header"] .e-con.e-con-boxed > .e-con-inner > .e-con:not(:last-child):not(:first-child) {
    --flex-grow: 1 !important;
    flex-grow: 1 !important;
    justify-content: flex-end !important;
}
/* Menu 5-pozycyjne — zmniejsz padding pozycji, żeby zmieściły się w jednej linii */
[data-elementor-type="header"] .elementor-nav-menu > li > a {
    padding-left: 14px !important;
    padding-right: 14px !important;
    white-space: nowrap;
}
[data-elementor-type="header"] .elementor-nav-menu {
    flex-wrap: nowrap !important;
}


/* UWAGA: przycisk „Szybka wycena" renderuje się jako atomowy widget Elementora
   z klasą .e-button-base (plus klasa per-element typu .e-6355fb2-fa851e6).
   Wcześniej reguła obejmowała tylko .e-button-link i .e-button, więc NIGDY nie działała —
   kolor pochodził wyłącznie z generowanego CSS Elementora, który nie przeżywa importu
   ai1wm na live i przycisk zostawał bez stylu. Dlatego .e-button-base MUSI tu być. */
[data-elementor-type="header"] .e-button-link,
[data-elementor-type="header"] .e-button,
[data-elementor-type="header"] .e-button-base,
[data-elementor-type="header"] a.e-button-base {
    background: #3482ED !important;
    border: 2px solid #3482ED !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: .95rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 12px 28px !important;
    transition: background .3s ease, color .3s ease, border-color .3s ease !important;
}

[data-elementor-type="header"] .e-button-link:hover,
[data-elementor-type="header"] .e-button:hover,
[data-elementor-type="header"] .e-button-base:hover,
[data-elementor-type="header"] a.e-button-base:hover,
[data-elementor-type="header"] .e-button-base:focus {
    background: transparent !important;
    background-color: transparent !important;
    color: #3482ED !important;
    border: 2px solid #3482ED !important;
}

[data-elementor-type="header"] .e-button-base,
[data-elementor-type="header"] a.e-button-base {
    transition: background .3s ease, color .3s ease, border-color .3s ease !important;
}


/* --- Numer telefonu w nagłówku (widget #tymtel01, przed przyciskiem) --- */
[data-elementor-type="header"] .tymito-tel {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-right: 24px;
    padding: 8px 4px;
    color: #ffffff;
    font-family: 'JetBrains Mono', monospace;
    font-size: .95rem;
    font-weight: 500;
    letter-spacing: .5px;
    white-space: nowrap;
    text-decoration: none;
    transition: color .25s ease;
}
[data-elementor-type="header"] .tymito-tel:hover,
[data-elementor-type="header"] .tymito-tel:focus-visible {
    color: #3482ED;
}
[data-elementor-type="header"] .tymito-tel:focus-visible {
    outline: 2px solid #3482ED;
    outline-offset: 3px;
    border-radius: 4px;
}
[data-elementor-type="header"] .tymito-tel-ikona {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    fill: #3482ED;
    transition: fill .25s ease;
}
[data-elementor-type="header"] .tymito-tel:hover .tymito-tel-ikona {
    fill: #3482ED;
}
/* Kontener z przyciskiem ustawiamy w jednej linii, przycisk dokleja się do prawej krawędzi. */
[data-elementor-type="header"] .elementor-element-0d473e8 > .e-con-inner,
[data-elementor-type="header"] .elementor-element-0d473e8 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
}
/* Poniżej 1100 px chowamy sam numer, zostaje klikalna ikona słuchawki. */
@media (max-width: 1100px) {
    [data-elementor-type="header"] .tymito-tel-numer { display: none; }
    [data-elementor-type="header"] .tymito-tel { margin-right: 14px; }
}


/* --- Nagłówek na telefonie (poniżej 768 px) ---
   Hamburger jest pozycjonowany fixed przy prawej krawędzi, więc poziome menu,
   numer telefonu i przycisk muszą zejść z paska, żeby się nie nakładały.
   Wszystkie trzy są dostępne wewnątrz nakładki #tymito-nav-overlay. */
@media (max-width: 768px) {
    [data-elementor-type="header"] .elementor-element-2c32b5b,
    [data-elementor-type="header"] .elementor-element-0d473e8 {
        display: none !important;
    }
    /* logo zostaje samo po lewej, pasek niższy */
    [data-elementor-type="header"] .e-con.e-con-boxed > .e-con-inner {
        padding-left: 16px !important;
        padding-right: 64px !important;
    }
    [data-elementor-type="header"] .elementor-element-bea4b89 img {
        max-width: 132px;
        height: auto;
    }
}

/* ---------- Menu mobilne: „Realizacje" tymczasowo ukryte ----------
   Pozycja zostaje w treści szablonu nagłówka (#75) — chowamy ją tylko wizualnie,
   żeby przywrócenie było jedną linią. Dotyczy WYŁĄCZNIE nakładki mobilnej;
   w menu desktopowym pozycja nadal jest widoczna. */
#tymito-nav-overlay ul li:has(> a[href*="/realizacje"]) { display: none !important; }
/* Zapas dla przeglądarek bez :has() (starsze niż Chrome 105 / Safari 15.4).
   Znika sam odnośnik — zostaje wtedy pusta pozycja z kreską oddzielającą,
   ale nikt nie kliknie w nieskończoną sekcję. W obecnych przeglądarkach
   reguła wyżej wygrywa i pozycja znika w całości. */
#tymito-nav-overlay ul li a[href*="/realizacje"] { display: none !important; }