/* =========================
   Framer-style Hero (image band in the middle)
   ========================= */

.hero-framer {
  position: relative;
  overflow: hidden;
  padding: 90px 20px 0;
}

/* REMOVE / DISABLE old full background layers */
.hero-framer::before,
.hero-framer::after {
  content: none !important;
}

.hero-framer__inner {
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 26px;
}

/* pill */
.hero-framer__pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.06);
  background: rgba(255,255,255,0.65);
  color: rgba(25,25,25,0.70);
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.8px;
  font-size: 11px;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.hero-framer__pill-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b7f06a;
  box-shadow: 0 0 0 4px rgba(183,240,106,0.22);
}

.hero-framer__title {
  margin: 18px 0 8px;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 62px;
  line-height: 1.02;
  letter-spacing: -1px;
  color: rgba(18,18,18,0.92);
}

.hero-framer__title-accent {
  color: #b7f06a;
}

/* NEW: H2 dates + location */
.hero-framer__meta {
  margin: 0 auto 14px;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.2px;
  color: rgba(18,18,18,0.70);
}

.hero-framer__subtitle {
  max-width: 760px;
  margin: 0 auto 18px;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(18,18,18,0.60);
}

/* Hero Image - Plain responsive */
.hero-framer__image {
  margin: 18px auto 22px;
  max-width: 1060px;
  width: 100%;
}

.hero-framer__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* CTA row */
.hero-framer__cta-row {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 18px;
}

.hero-framer__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  background: #b7f06a;  /* speakers dark */
  color: black;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: 11px;
  border: 1px solid rgba(0,0,0,0.10);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.hero-framer__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.14);
  background: #172220;
  color: white;
  text-decoration: none;
}

/* Social proof */
.hero-framer__proof {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.65);
  border: 1px solid rgba(0,0,0,0.06);
  backdrop-filter: blur(8px);
}

.hero-framer__avatars {
  display: inline-flex;
  align-items: center;
}

.hero-framer__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;              /* important */
  border: 2px solid #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
  margin-left: -10px;
  background: #ddd;              /* fallback */
  flex-shrink: 0;
}

.hero-framer__avatar:first-child {
  margin-left: 0;
}

.hero-framer__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;             /* makes image fill circle properly */
  display: block;
}

.hero-framer__proof-text {
  text-align: left;
  font-size: 12.5px;
  line-height: 1.15;
  color: rgba(18,18,18,0.60);
}

.hero-framer__proof-text strong {
  color: rgba(18,18,18,0.92);
  font-weight: 800;
}

/* Logo strip */
.hero-framer__logos {
  position: relative;
  z-index: 3;
  padding: 18px 20px 34px;

}

.hero-framer__logos-inner {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.hero-framer__logos-title {
  display: block;
  font-size: 11px;
  letter-spacing: 1.2px;
  font-weight: 800;
  color: rgba(18,18,18,0.45);
  margin-bottom: 14px;
  text-transform: uppercase;
}

.hero-framer__logo-row {
  display: flex;
  gap: 26px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.hero-framer__logo {
  font-weight: 800;
  color: rgba(18,18,18,0.55);
  letter-spacing: 0.6px;
  font-size: 14px;
  user-select: none;
  max-width: 224px;
}

/* Responsive */
@media (max-width: 992px) {
  .hero-framer__title { font-size: 48px; }
  .hero-framer__meta { font-size: 18px; }
}

@media (max-width: 768px) {
  .hero-framer__logo {
    flex: 0 0 calc(50% - 13px);
    max-width: calc(50% - 13px);
  }
  .hero-framer__logo-row {
    gap: 26px 26px;
  }
}

@media (max-width: 576px) {
  .hero-framer { padding-top: 70px; }
  .hero-framer__title { font-size: 38px; }
  .hero-framer__meta { font-size: 16px; }
  .hero-framer__subtitle { font-size: 14px; }
  .hero-framer__proof-text { text-align: center; }
}





/* =========================
   Speakers section (layout like screenshot)
   ========================= */

.speakers-hero{
  background: #f6f3f1;                 /* nežna topla pozadina */
  padding: 90px 0px 0px;
}

.speakers-hero__inner{
  max-width: 1060px;
  margin: 0 auto;
  text-align: center;
}

/* “pill” label gore levo u okviru max-width bloka */
.speakers-hero__kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  align-self: flex-start;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.65);
  border: 1px solid rgba(0,0,0,0.06);
  color: rgba(25,25,25,0.70);
  font-weight: 700;
  letter-spacing: 0.8px;
  font-size: 11px;
  text-transform: uppercase;
  margin: 0 auto 18px;
}

.speakers-hero__kicker-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b7f06a;                 /* svetlo zelena tačka */
  box-shadow: 0 0 0 4px rgba(183,240,106,0.22);
}

/* Big headline – isto “prostrano”, tanko, kao na slici */
.speakers-hero__title{
  margin: 0 auto 18px;
  max-width: 920px;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.05;
  color: rgba(18,18,18,0.92);
  font-size: 64px;
}

.speakers-hero__title-muted{
  color: rgba(18,18,18,0.28);          /* “engine of discovery” efekat */
}
.speakers-hero__title-small{
  margin: 0 auto 18px;
  max-width: 920px;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.05;
  color: rgba(18,18,18,0.92);
  font-size: 40px;
}
/* Paragraph u užoj koloni (proporcija kao screenshot) */
.speakers-hero__text{
  margin: 0 auto 28px;
  max-width: 640px;
  font-size: 14.5px;
  line-height: 1.75;
  color: rgba(18,18,18,0.60);
}

/* CTA: tamno dugme + mali zeleni kvadrat sa strelicom */
.speakers-hero__cta{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 44px;
}

.speakers-hero__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  background: #1d2b2a;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: 11px;
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 14px 30px rgba(0,0,0,0.10);
}

.speakers-hero__btn-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #b7f06a;
  color: rgba(0,0,0,0.75);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 900;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 14px 30px rgba(0,0,0,0.10);
}




/* ===== Speaker cards grid (možeš zameniti svojim postojećim) ===== */

.speakers-grid{
  max-width: 1060px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.speaker-card{
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 18px;
  padding: 16px;
  display: flex;
  gap: 14px;
  align-items: center;
  backdrop-filter: blur(10px);
}

.speaker-card__avatar{
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.0) 60%),
    linear-gradient(135deg, rgba(29,43,42,0.20), rgba(183,240,106,0.35));
  border: 1px solid rgba(0,0,0,0.05);
}

.speaker-card__name{
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  color: rgba(18,18,18,0.90);
}

.speaker-card__role{
  margin: 3px 0 0;
  font-size: 12.5px;
  color: rgba(18,18,18,0.55);
}

/* Speakers outline CTA (same design language) */
.speakers-hero__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 44px;
}

.speakers-hero__btn-outline{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  background: transparent;
  color: rgba(18,18,18,0.88);
  text-decoration: none;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: 11px;
  border: 1px solid rgba(0,0,0,0.14);
  box-shadow: 0 14px 30px rgba(0,0,0,0.06);
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease;
}

.speakers-hero__btn-outline:hover{
  transform: translateY(-1px);
  background: rgba(29,43,42,0.10);
  box-shadow: 0 18px 40px rgba(0,0,0,0.10);
  color: rgba(18,18,18,0.92);
}

/* Responsive */
@media (max-width: 992px){
  .speakers-hero__title{ font-size: 48px; }
  .speakers-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 576px){
  .speakers-hero{ padding: 80px 0px 0px; }
  .speakers-hero__title{ font-size: 36px; }
  .speakers-hero__text{ font-size: 14px; }
  .speakers-grid{ grid-template-columns: 1fr; }
  .speakers-hero__text2 {padding: 20px;}
}

/* ===============================
   PRICING CARDS – FRAMER STYLE
   =============================== */

.price-card {
  border-radius: 28px;
  padding: 48px 40px;
  background: #ffffff;
  box-shadow: 0 10px 40px rgba(0,0,0,0.05);
  max-width: 500px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s ease;
  text-align: center;
}

.price-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

/* LEFT CARD (Green) */
.price-card-pretplatnik {
  background: #b7f06a;
  color: #000;
}

.price-card-pretplatnik .price-card-subtitle,
.price-card-pretplatnik .price-alt-subtitle {
  color: #446f0a;
}

/* RIGHT CARD (White) */
.price-card-nepretplatnik {
  background: #ffffff;
  border: 1px solid #ececec;
}

.price-card-nepretplatnik .price-card-subtitle,
.price-card-nepretplatnik .price-alt-subtitle {
  color: #446f0a;
}

/* Header */
.price-card-header h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: -0.5px;
  color: #000;
}

.price-card-subtitle {
  font-size: 15px;
  opacity: 0.75;
}

/* Main price */
.price-label {
  font-size: 14px;
  opacity: 0.7;
  display: block;
  margin-bottom: 10px;
}

.price-amount {
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 10px;
}

.price-amount span {
  font-size: 18px;
  font-weight: 500;
  margin-left: 6px;
}

.price-regular {
  font-size: 18px;
  opacity: 0.6;
  text-decoration: line-through;
  margin-bottom: 15px;
}

.price-strikethrough {
  font-size: 20px;
  opacity: 0.5;
  text-decoration: line-through;
  margin-bottom: 8px;
}

.price-discount-label {
  font-size: 12px;
  color: #000;
  margin-top: 20px;
  display: block;
}

/* Divider */
.price-divider {
  border: none;
  height: 1px;
  background: rgba(0,0,0,0.1);
  margin: 32px 0;
}

/* Alternative price */
.price-alt-subtitle {
  font-size: 15px;
  opacity: 0.75;
  margin-bottom: 12px;
}

.price-alt-amount {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 8px;
}

.price-alt-amount span {
  font-size: 16px;
  font-weight: 500;
  margin-left: 6px;
}

/* CTA Button */
.price-card-footer {
  margin-top: 40px;
}

.price-card-btn {
  display: block;
  text-align: center;
  padding: 16px 28px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s ease;
  color: #000;
}

/* Filled button (green card) */
.price-card-btn--filled {
  background: #000;
  color: #fff;
}

.price-card-btn--filled:hover {
  background: #222;
  color:white;
}

/* Outline button (white card) */
.price-card-btn--outline {
  border: 2px solid #000;
  color: #000;
  background: transparent;
}

.price-card-btn--outline:hover {
  background: #000;
  color: #fff;
}

/* Price bottom banner */
.price-bottom-banner {
  text-align: center;
  margin-top: 40px;
  padding: 0 15px;
}

.price-bonus {
  font-size: 18px;
  color: #000;
  margin-bottom: 15px;
}

/* Bonus section */
.bonus-section {
  background: #000;
  border-radius: 28px;
  padding: 30px 40px;
  max-width: 50%;
  margin: 0 auto;
  text-align: center;
}

.bonus-section__text {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

/* Responsive */
@media (max-width: 992px) {
  .price-card {
    margin-bottom: 30px;
  }

  .price-amount {
    font-size: 44px;
  }

  .price-alt-amount {
    font-size: 32px;
  }

  .bonus-section {
    max-width: 80%;
    padding: 25px 30px;
  }

  .bonus-section__text {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .bonus-section {
    max-width: 95%;
    padding: 20px;
  }

  .bonus-section__text {
    font-size: 14px;
  }
}

/* =====================================
   THEMES / TEME – Modern black section
   ===================================== */

.themes-dark{
  position: relative;
  padding: 0px 0px 80px 0px;
  background: transparent;
  color: #333;
  overflow: hidden;
}

.themes-head{
  text-align: center;
  max-width: 820px;
  margin: 0 auto 40px;
}

.themes-title{
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: -0.8px;
  margin: 0 0 10px;
  font-weight: 800;
}

.themes-subtitle{
  margin: 0;
  font-size: 16px;
  color: #666;
}

/* Columns spacing */
.program-sections{
  margin-top: 30px;
}

/* Card look for each list */
.program-column .program-list{
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 26px;
  background: #000;
  border: 1px solid rgba(0,0,0,0.10);
  overflow: hidden;
}

/* Header pill */
.program-header{
  padding: 24px 36px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.2px;
  background: rgba(0,0,0,0.3);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  text-align: center;
  color: #fff;
}

/* small dot */
.program-header::before{
  display: none;
}

/* Sector accents */
.sektor-javni{
  color: #b7f06a;
}
.sektor-javni::before{
  background: #b7f06a;
}

.sektor-privatni{
  color: #b7f06a;
}
.sektor-privatni::before{
  background: #b7f06a;
}

/* Category row */
.program-category{
  padding: 16px 36px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #b7f06a;
  background: rgba(0,0,0,0.25);
  border-top: 1px solid rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* Item row with modern bullet */
.program-item{
  position: relative;
  padding: 16px 36px 16px 58px;
  font-size: 14.5px;
  line-height: 1.45;
  color: rgba(233,238,243,0.92);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  background: linear-gradient(90deg, rgba(183,240,106,0.08), rgba(183,240,106,0.02));
}

.program-item:last-child{
  border-bottom: none;
}

.program-item::before{
  content:"";
  position:absolute;
  left: 36px;
  top: 22px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(183,240,106,.85);
  box-shadow: 0 0 0 4px rgba(183,240,106,.12);
}

/* Hover micro-interaction */
.program-item:hover{
  background: linear-gradient(90deg, rgba(183,240,106,0.15), rgba(183,240,106,0.05));
}

/* Note */
.program-note{
  margin-top: 18px;
  color: #666;
  font-size: 13px;
}

/* Responsive */
@media (max-width: 992px){
  .themes-title{ font-size: 34px; }
  .themes-dark{ padding: 0px; }
  .program-column{ margin-bottom: 18px; }
}

@media (max-width: 576px){
  .themes-title{ font-size: 30px; }
  .program-header{ padding: 20px 24px; }
  .program-category{ padding: 14px 24px; }
  .program-item{ padding: 14px 24px 14px 46px; }
  .program-item::before{ left: 24px; top: 20px; }
}

/* =====================================
   Planinski ambijent sekcija
   ===================================== */

.mountain-ambience {
  padding: 80px 0;
  background: #fff;
}

.mountain-ambience__row {
  display: flex;
  align-items: stretch;
  min-height: 500px;
}

.mountain-ambience__image-col {
  flex: 0 0 50%;
  max-width: 50%;
}

.mountain-ambience__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 28px;
}

.mountain-ambience__content-col {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 60px;
}

.mountain-ambience__content-inner {
  max-width: 500px;
}

.mountain-ambience__title {
  font-size: 42px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.8px;
  color: #121212;
  margin: 0 0 24px;
}

.mountain-ambience__text {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(18,18,18,0.70);
  margin: 0;
}

@media (max-width: 992px){
  .mountain-ambience__row {
    flex-direction: column;
    min-height: auto;
  }
  
  .mountain-ambience__image-col,
  .mountain-ambience__content-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .mountain-ambience__image-col {
    margin-bottom: 30px;
  }
  
  .mountain-ambience__content-col {
    padding: 20px 30px;
  }
  
  .mountain-ambience__title {
    font-size: 34px;
  }
}

@media (max-width: 576px){
  .mountain-ambience {
    padding: 50px 0;
  }
  
  .mountain-ambience__title {
    font-size: 28px;
  }
  
  .mountain-ambience__text {
    font-size: 15px;
  }
  
  .mountain-ambience__content-col {
    padding: 20px;
  }
}

/* =====================================
   Pricing Table (Dark Theme)
   ===================================== */

.pricing-table-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.pricing-table {
  width: 100%;
  border-radius: 26px;
  background: #000;
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 16px 60px rgba(0,0,0,.15);
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}

.pricing-table thead {
  background: rgba(0,0,0,0.3);
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.pricing-table th {
  padding: 24px 20px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.2px;
  color: #fff;
  text-align: center;
  border: none;
}

.pricing-table th:first-child {
  text-align: center;
  padding-left: 36px;
}

.pricing-table th a {
  color: #b7f06a;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 0.2s;
}

.pricing-table th a:hover {
  opacity: 0.8;
}

.pricing-table tbody tr {
  background: linear-gradient(90deg, rgba(183,240,106,0.06), rgba(183,240,106,0.02));
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.pricing-table tbody tr:last-child {
  border-bottom: none;
}

.pricing-table tbody tr:hover {
  background: linear-gradient(90deg, rgba(183,240,106,0.12), rgba(183,240,106,0.04));
}

.pricing-table td {
  padding: 20px;
  font-size: 15px;
  color: rgba(233,238,243,0.92);
  text-align: center;
  border: none;
}

.pricing-table td:first-child {
  padding-left: 36px;
  font-weight: 700;
}

.pricing-table .room-type-badge {
  display: inline-block;
  padding: 8px 16px;
  background: rgba(183,240,106,0.15);
  color: #b7f06a;
  border-radius: 8px;
  font-weight: 800;
  font-size: 14px;
}

@media (max-width: 992px) {
  .pricing-table {
    font-size: 14px;
  }
  
  .pricing-table th,
  .pricing-table td {
    padding: 16px 12px;
  }
  
  .pricing-table th:first-child,
  .pricing-table td:first-child {
    padding-left: 20px;
  }
}

@media (max-width: 991px) {
  /* Hide table on mobile/tablet, show cards instead */
  .pricing-table {
    display: none;
  }
}

/* Mobile card view */
.pricing-table-cards {
  display: none;
}

@media (max-width: 991px) {
  .pricing-table-cards {
    display: block;
    padding: 0;
  }
  
  .pricing-card-mobile {
    background: #000;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 20px;
    border: 1px solid rgba(0,0,0,0.10);
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
  }
  
  .pricing-card-mobile__header {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
    margin-bottom: 20px;
  }
  
  .pricing-card-mobile__room-type {
    display: inline-block;
    padding: 10px 20px;
    background: rgba(183,240,106,0.15);
    color: #b7f06a;
    border-radius: 12px;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 8px;
  }
  
  .pricing-card-mobile__room-label {
    font-size: 13px;
    color: rgba(233,238,243,0.70);
    font-weight: 600;
  }
  
  .pricing-card-mobile__room-item {
    padding: 16px 24px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(90deg, rgba(183,240,106,0.06), rgba(183,240,106,0.02));
    margin: 0 -24px;
  }
  
  .pricing-card-mobile__room-item:last-child {
    border-bottom: none;
  }
  
  .pricing-card-mobile__room-name {
    font-size: 14px;
    color: rgba(233,238,243,0.92);
    font-weight: 600;
    flex: 1;
  }
  
  .pricing-card-mobile__room-name a {
    color: #b7f06a;
    font-size: 11px;
    display: block;
    margin-top: 4px;
    text-decoration: none;
    font-weight: 600;
  }
  
  .pricing-card-mobile__room-price {
    font-size: 18px;
    color: #b7f06a;
    font-weight: 800;
    white-space: nowrap;
    margin-left: 16px;
  }
  
  .pricing-card-mobile__room-price--na {
    color: rgba(233,238,243,0.40);
    font-size: 16px;
  }
}
.hotel-text-align {
  display: flex;
  flex-direction: column;
  justify-content: center; /* vertikalno centriranje */
  height: 500px; /* ista visina kao iframe */
}

@media (max-width: 992px) {
  .hotel-text-align {
    height: auto; /* na mobilnom normalno */
  }
}
/* =========================
   INFO CARDS – Clean version
   ========================= */

.info-card {
  border-radius: 28px;
  padding: 40px 36px;
  height: 100%;
  border: 2px solid #b7f06a; /* tvoja zelena */
  background: #ffffff;      /* obe bele */
}

/* Uklanjamo hover efekte */
.info-card:hover {
  transform: none;
  box-shadow: none;
}

/* Naslov */
.info-card__title {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: center;
  color: #121212;
}

/* Lista reset */
.info-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Stavke */
.info-card li {
  padding: 14px 0;
  font-size: 15px;
  line-height: 1.5;
  border-bottom: 1px solid rgba(0,0,0,0.08); /* linija između */
}

/* Ukloni liniju na poslednjem itemu */
.info-card li:last-child {
  border-bottom: none;
}

/* Badge */
.info-card .badge {
  background: #000;
  color: #fff;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 999px;
  float: right;
}

/* Responsive */
@media (max-width: 992px) {
  .info-card {
    margin-bottom: 30px;
  }
}
/* TOTAL reset bullet-a */
.info-card ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0;
}

.info-card li {
  list-style: none !important;
  position: relative;
  padding: 14px 0 14px 26px; /* prostor za zelenu tačku */
  font-size: 15px;
  line-height: 1.5;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

/* ukloni liniju na poslednjem */
.info-card li:last-child {
  border-bottom: none;
}

/* zelena tačka */
.info-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b7f06a;
  box-shadow: 0 0 0 4px rgba(183,240,106,0.15);
}

/* =========================
   Modern form redesign (CSS only)
   - ne dira name/id/JS validaciju
   ========================= */

:root{
  --brand-green: #b7f06a;
  --text: rgba(18,18,18,0.92);
  --muted: rgba(18,18,18,0.60);
  --line: rgba(0,0,0,0.10);
}

/* Wrapper (ako forma sedi u #content, ovo je bezbedno) */
#content form{
  max-width: 980px;
  margin: 0 auto;
}

/* “Card” feel oko forme (ako ne želiš, obriši ovaj blok) */
#content form{
  border: 2px solid var(--brand-green);
  border-radius: 28px;
  background: #fff;
  padding: 28px 22px;
}

/* Tabele forme (ako koristiš .tabla-forma) */
#content form table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px; /* razmak između “redova” */
}

/* Label/tekst */
#content form label,
#content form p,
#content form td{
  color: var(--text);
}

/* INPUTS / SELECT / TEXTAREA – modern look */
#content form input[type="text"],
#content form input[type="email"],
#content form input[type="tel"],
#content form input[type="number"],
#content form input[type="password"],
#content form select,
#content form textarea{
  width: 100%;
  height: 48px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--text);
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  font-size: 15px;
}

/* Textarea visina */
#content form textarea{
  height: 140px;
  resize: vertical;
}

/* Focus stanje: zeleni prsten */
#content form input:focus,
#content form select:focus,
#content form textarea:focus{
  border-color: rgba(183,240,106,0.95);
  box-shadow: 0 0 0 4px rgba(183,240,106,0.18);
}

/* Placeholder */
#content form ::placeholder{
  color: rgba(18,18,18,0.40);
}

/* Radio/checkbox – samo uvećaj klik zonu, ne menja logiku */
#content form input[type="checkbox"],
#content form input[type="radio"]{
  transform: scale(1.15);
  margin-right: 8px;
}

/* Buttons – zeleni outline minimalistički */
#content form button,
#content form input[type="submit"],
#content form .btn{
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  border: 2px solid var(--brand-green);
  background: #fff;
  color: var(--text);
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

/* Hover */
#content form button:hover,
#content form input[type="submit"]:hover,
#content form .btn:hover{
  background: rgba(183,240,106,0.15);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.06);
  text-decoration: none;
}

/* Error message (ako koristiš .error) */
#content form .error{
  color: #E33030;
  font-size: 13px !important;
  margin-top: 6px;
}

/* Responsive fine-tuning */
@media (max-width: 992px){
  #content form{
    padding: 22px 16px;
    border-radius: 22px;
    margin: 20px;
  }
  #content form input[type="text"],
  #content form input[type="email"],
  #content form input[type="tel"],
  #content form select,
  #content form textarea{
    border-radius: 12px;
  }
}
/* =========================
   Form row redesign
   ========================= */

/* Svetlije sive sekcije (redovi forme) */
#content form .tabla-forma tr {
  background: rgba(183,240,106,0.06); /* svetla zelena nijansa umesto sive */
  border-radius: 16px;
}

/* Razmak između redova */
#content form .tabla-forma {
  border-collapse: separate !important;
  border-spacing: 0 14px !important; /* vertikalni spacing */
}

/* Da border-radius radi na tr */
#content form .tabla-forma tr td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  padding-left: 18px;
}

#content form .tabla-forma tr td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding-right: 18px;
}

/* Ukloni stare grube bordere */
#content form .tabla-forma td {
  border: none !important;
  padding: 16px 12px;
}

/* Label kolona modernija */
#content form .tabla-forma td:first-child {
  font-weight: 600;
  color: rgba(18,18,18,0.85);
}

/* Input kolona */
#content form .tabla-forma td:last-child {
  background: transparent;
}

/* Na hover blagi efekat */
#content form .tabla-forma tr:hover {
  background: rgba(183,240,106,0.12);
}

/* =========================
   Submit button – hero style
   ========================= */

#content form input[type="submit"],
#content form button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: #b7f06a; /* brand zelena */
  color: #000;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: 12px;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* Hover */
#content form input[type="submit"]:hover,
#content form button[type="submit"]:hover {
  background: #000;
  color: #fff;
  transform: translateY(-1px);
}
/* =========================
   Privacy link – FULL RESET
   ========================= */

#content form .privacy-link-btn {
  all: unset; /* resetuje sve prethodne stilove */
  display: inline;
  font-size: 13px;
  color: #007bff; /* standard plavi link */
  cursor: pointer;
  text-decoration: underline;
}

/* hover */
#content form .privacy-link-btn:hover {
  color: #0056b3;
  text-decoration: underline;
}

.lightgray-background-padding2 {
  background: #f5f5f5;
  padding: 15px;
  font-size: 18px;
  border-radius: 51px;
  text-align: center;
  border: 2px solid #c0f17c;
}