/*
Theme Name: Salient Child Theme — TDF System
Description: Child theme dla Salient z konfiguracją TDF System (hydraulika siłowa B2B). Trzyma minimum CSS — tylko monospace dla kodów technicznych i mobile sticky CTA bar (elementy nieobsługiwane natywnie przez Salient).
Theme URI:   https://tdfsystem.com
Author: TDF System
Author URI:  https://tdfsystem.com
Template: salient
Version: 1.1.0
*/

/* =========================================================
   TDF System — minimalne CSS w child theme
   Wszystko inne realizowane przez Salient Theme Options
   i parametry WPBakery / Salient elements.
   ========================================================= */

/* === 1. Monospace dla kodów technicznych =================
   Salient nie ma natywnego pola na secondary font family.
   Mockupy intensywnie używają monospace dla kodów produktów
   (EIPC3-020-RA23), badge'y, parametrów tabel. */
:root {
  --tdf-f-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
}
code,
.mono,
.tdf-mono,
.product-sku,
.product-code,
.woocommerce-product-attributes-item__value,
.product_meta .sku,
.product_meta .sku_wrapper {
  font-family: var(--tdf-f-mono);
  font-size: 0.95em;
}

/* === 2. Mobile Sticky CTA Bar ============================
   Mockupy mają fixed bottom bar widoczny tylko na mobile.
   Salient nie ma natywnej opcji na dwuelementowy sticky bar
   z różnymi linkami zależnymi od kontekstu strony.
   PHP w functions.php / inc/mobile-cta.php renderuje HTML;
   tutaj tylko style. */
.tdf-mobile-cta { display: none; }

@media (max-width: 720px) {
  .tdf-mobile-cta {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #D7DEE5;
    padding: 10px 12px;
    gap: 8px;
    z-index: 100;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, .08);
  }
  .tdf-mobile-cta a {
    flex: 1;
    padding: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }
  .tdf-mobile-cta__phone {
    background: transparent;
    color: #0F1924;
    border: 1px solid #D7DEE5;
  }
  .tdf-mobile-cta__phone:hover,
  .tdf-mobile-cta__phone:focus {
    background: #F6F8FA;
    color: #398164;
  }
  .tdf-mobile-cta__primary {
    background: #398164;
    color: #fff;
    border: 1px solid #398164;
  }
  .tdf-mobile-cta__primary:hover,
  .tdf-mobile-cta__primary:focus {
    background: #2E6B53;
    color: #fff;
  }

  /* Zapobiega zasłanianiu treści przez sticky bar */
  body { padding-bottom: 70px; }
  body.admin-bar { padding-bottom: 70px; } /* admin bar jest na górze, nie wpływa */
}

/* === 3. Listy linków w stopce (Global Section) ============
   Salient/WPBakery ma w CSS:
     .wpb_text_column ul { list-style: disc; padding-left: 20px; }
   To wygrywa z inline style="list-style:none". Reset w child theme
   z klasą .tdf-footer-list nadpisuje (specificity: 2 klasy > 1 klasa). */
.tdf-footer-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 2.1;
  font-size: 14px;
}
.tdf-footer-list ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tdf-footer-list ul li a {
  color: #B7C0CB;
  text-decoration: none;
  transition: color .15s ease;
}
.tdf-footer-list ul li a:hover,
.tdf-footer-list ul li a:focus {
  color: #398164;
}

/* K15.5 .container 6vw / 4vw override REMOVED 2026-05-21 (reset baseline).
   Container width is now controlled solely by Salient Theme Options. */

/* .tdf-mfr-hero-pattern overlay USUNIĘTY 2026-05-21 — vc_section zachowuje
   el_class, więc .tdf-mfr-hero::before z tdf-hub-components.css działa natywnie. */