/* Ogólne z przykładu + Twoje */

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pricing-header {
  max-width: 700px;
}

/* HERO tło */
.bg-hero {
  background: linear-gradient(135deg, #0d6efd 0%, #0b355d 100%);
  color: #fff;
}

.bg-dark {
  background: linear-gradient(135deg, #535558 0%, #000000 100%);
  color: #fff;
}


.hero-cta-btn {
  min-width: 220px;
}

/* Ikony i tabelka planów */
.feature-icon {
  font-size: 2.5rem;
}

.plan-feature-yes {
  font-weight: bold;
}

.plan-feature-no {
  color: #bbb;
}

/* menu gradient */
.navbar-brown-gradient {
  /* fallback */
  background: #dc3c32;

  /* stary webkit */
  background: -webkit-linear-gradient(
    to right,
    rgba(214, 33, 20, 0.95),
    rgba(230, 120, 40, 0.95)
  );

  /* nowoczesne przeglądarki */
  background: linear-gradient(
    to right,
    rgba(214, 33, 20, 0.95),
    rgba(230, 120, 40, 0.95)
  );
}

/* linki w menu */
.navbar-brown-gradient .nav-link {
  color: rgba(255, 255, 255, 0.9);
}

.navbar-brown-gradient .nav-link:hover {
  color: #ffffff;
}
/* koniec menu gradient */





/* Dropdown – jaśniejszy pomarańcz */
.dropdown-menu {
  background: rgba(145, 72, 23, 0.98) !important; /* jaśniejszy, cieplejszy */
  border: none;
  border-radius: 6px;
  padding: 0;
}

/* Linki */
.dropdown-menu .dropdown-item {
  color: #fff !important;
  padding: 10px 16px;
  font-weight: 400;  /* normalne */
}

/* Hover – pastelowy, lekki pomarańcz */
.dropdown-menu .dropdown-item:hover {
  background: rgba(226, 92, 3, 0.95) !important;
  color: #000 !important;
}

/* Divider */
.dropdown-divider {
  border-color: rgba(255, 255, 255, 0.25);
}






/* MENU WYŚRODKOWANE */
.main-menu {
  display: flex;
  gap: 25px;
  position: relative;
  z-index: 10; /* menu na wierzchu */
}

/* LOGO PO LEWEJ OD MENU, LEKKO NIŻEJ */
.menu-logo-wrapper {
  position: absolute;
  left: 0;                 /* logo nie jest przy krawędzi container — tylko przy LEWEJ KRAWĘDZI CONTAINERA */
  transform: translateY(18px);  /* *delikatne* opuszczenie w dół */
  z-index: 11;
}

/* rozmiar logo */
.menu-logo {
  height: 55px;     /* dostosuj, jeśli chcesz większe/mniejsze */
  width: auto;
}

/* Jeśli chcesz minimalny odstęp od lewej – można dodać */
.menu-logo-wrapper {
  padding-left: 20px;   /* logo nie będzie kleić się do lewej */
}


.main-menu .nav-link {
  color: #ffffff !important;        /* pełna biel */
  font-weight: 500;                 /* lekko pogrubione */
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);  /* subtelny cień = super czytelność */
}

.main-menu .nav-link:hover {
  color: #fff7e6 !important;        /* lekko złamany biały na hover */
}



.news-thumb-inline {
  width: 150px;
  height: auto;
  border-radius: 6px;
  margin-right: 15px;
  margin-bottom: 10px;
  float: left;
}
@media (max-width: 576px) {
  .news-thumb-inline {
    float: none;
    display: block;
    margin: 0 auto 15px auto;
  }
}
.news-card-header {
  background: #ff6308;
  color: #fff;
  font-weight: 600;
}
  .news-thumb {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-bottom: 3px solid rgba(0,0,0,0.1);
  }




  .hover-card {
  transition: transform .2s, background .3s;
}
.hover-card:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.1);
}

 .btn-primary {
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  }

.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.3);
}