/* =====================================================
   INDEX – BRAND / TOPBAR / SEARCH
===================================================== */

:root{
  --main-color:#0e7490;
  --main-color-hover:#065f6c;

  /* Override dark CRM theme tokens → teal portal palette
     (actual override in zz-theme-2026.css which loads last) */
  color-scheme: light !important;
}

body{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background: linear-gradient(180deg, #0e7490 0%, #0891b2 8%, #06b6d4 25%, #22d3ee 45%, #06b6d4 65%, #0891b2 85%, #065f6c 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh;
  color: #333 !important;
  color-scheme: light !important;
}

/* Sekcje treści — białe tło nad gradientem */
.gl-section,
.kat-content,
.akt-page,
.art-page,
.promo-page,
.pm-tabs,
.numery-content,
.num-wrapper,
.ostatnie-page,
.onas-page,
#box_aktualnosci,
#box_opinie,
.content.white_bg{
  background: #fff;
  border-top: 3px solid #fff;
}

a{ color: #0e7490; }
a:hover{ color: #065f6c; }

/* TOP 1 – BRAND */
#top_1,
#top_1.brand_bg,
#top_1.brand_bg *,
#top_1.brand_bg .wrapper{
  background:#065f6c !important;
  color:#fff !important;
}

#top_1 a{
  color:#fff !important;
  font-weight:600;
}

#top_1 a:hover{
  text-decoration:underline;
}

#top_1 .border-bottom{
  border-bottom:1px solid rgba(255,255,255,.25)!important;
}

/* TOP 2 – SEARCH */
.top2-flex{
  display:flex;
  align-items:center;
  gap:14px;
}

.search-trigger{
  display:flex;
  align-items:center;
  gap:8px;
  height:42px;
  min-width:180px;
  padding:0 20px;
  border-radius:22px;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  font-size:15px;
  color:#666;
  white-space:nowrap;
}

.search-trigger:hover{
  border-color:var(--main-color);
  color:#333;
}

.search-trigger .icon{font-size:16px;}
.search-trigger .text{pointer-events:none;}

@media(max-width:900px){
  .search-trigger .text{display:none;}
  .search-trigger{min-width:auto;}
}

/* MENU – bigger font */
#rwd_menu li a{
  font-size:16px !important;
  padding:8px 6px !important;
}
