@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@400;600;700&display=swap');

.styling-page,
.styling-page p,
.styling-page a,
.styling-page span,
.styling-page div {
  font-family: 'Inter', sans-serif !important;
  color: #8A7B72;
}

.styling-page__title,
.title a,
.title,
.styling-page h1,
.styling-page h2,
.styling-page h3{
  font-family: 'Playfair Display', serif !important;
  color: #2F2623 !important;
}
body,
body * {
  font-family: 'Inter', sans-serif !important;
  color: #8A7B72;
}
.fa,
.fal,
.far{
  font-family: Font Awesome\ 5 Pro !important;
  color: #FFFFF;
}
.header__menu-trigger{
  color: #FFFFF !important;
  background: #F6F2EE !important;
}
.section-pd{
 background: #F6F2EE;
}
.section{
    box-shadow: none;
    border-radius: 0;
}
.header{
   background: #F6F2EE;
}
.collapse-content,
.booking-info--item_code{
    display: none !important;
}

/* cookie banner */
.buttons{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 5px;
}
.sb_cookies_block{
    padding: 20px;
}

/* Reset osnovnih stilov znotraj custom landing sekcije */
.styling-page,
.styling-page * {
  box-sizing: border-box;
}
.brand-card-1{
    background-image: url(https://soliversi.secure.simplybook.it/uploads/soliversi/image_files/original/f46fb9c8000e0c2660c7decf41b63955.png);
    background-size: cover;      
    background-position: center !important;
    background-repeat: no-repeat;
    background-position: top;
}
.brand-card-2{
    background-image: url(https://soliversi.secure.simplybook.it/uploads/soliversi/image_files/original/8da09360c59a36af83439accdfcbd945.jpg);
    background-size: cover;      
    background-position: top !important;
    background-repeat: no-repeat;
    background-position: top;
}
/* Glavni container - centrira vsebino in omeji širino */
.title--h3 {
	display: none !important;
}
.styling-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0;
  color: #473a33;
  background: #F6F2EE;
}

/* Mali zgornji napis */
.styling-page__eyebrow {
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #6c615b;
  margin-bottom: 24px;
  letter-spacing: 0.01em;
}

/* Glavni naslov */
.styling-page__title {
  text-align: center;
  font-weight: 400;
  line-height: 0.95;
  color: #3b3028;
}

/* Podnaslov */
.styling-page__subtitle {
  text-align: center;
  font-size: clamp(24px, 2.3vw, 30px);
  line-height: 1.25;
  color: #6f645d;
  margin-bottom: 54px;
}

/* Grid za obe kartici */
.brand-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
  max-width: 1020px;
  margin: 0 auto;
  justify-content: center;
  align-items: start;
}

/* Posamezna kartica */
.brand-card {
  position: relative;
  width: 100%;
  aspect-ratio: 0.86 / 1;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14);
}

/* Slika čez celo kartico */
.brand-card__image {
  width: 60%;
}

/* Temnejši overlay za boljšo berljivost pri levi kartici */
.brand-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.26) 0%,
    rgba(0, 0, 0, 0.08) 34%,
    rgba(0, 0, 0, 0) 62%
  );
  pointer-events: none;
}

/* Svetlejši overlay za desno kartico */
.brand-card--light .brand-card__overlay {
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0.18) 0%,
    rgba(255, 255, 255, 0.04) 34%,
    rgba(255, 255, 255, 0) 62%
  );
}

/* Container za brand napis in gumb */
.brand-card__content {
  position: absolute;
  left: 50%;
  bottom: 60px;
  transform: translateX(-50%);
  width: 60% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  z-index: 2;
  justify-content: flex-end;
  gap: 1px;
}

/* Skupni styling za brand napis */
.brand-card__brand {
  text-align: center;
  margin-bottom: 20px;
}

/* s.Oliver napis */
.brand-card__brand--soliver {
  color: #ffffff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.34);
}

/* s.Oliver glavna vrstica */
.brand-card__brand--soliver .brand-card__brand-main {
  display: block;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(42px, 4.5vw, 62px);
  line-height: 0.95;
}

/* s.Oliver podnapis */
.brand-card__brand--soliver .brand-card__brand-sub {
  display: block;
  margin-top: 10px;
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* comma napis */
.brand-card__brand--comma {
  color: #111111;
}

/* comma glavna vrstica */
.brand-card__brand--comma .brand-card__brand-main {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: lowercase;
}

/* Skupni stil gumba */
.brand-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 208px;
  min-height: 48px;
  padding: 12px 28px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  border: 1px solid transparent;
  transition: transform 0.2s ease, opacity 0.2s ease;
  border-radius: 8px;

}

/* Temen gumb za s.Oliver */
.brand-card__button--dark {
  background: #000000;
  color: #ffffff !important;
  border-color: #222222;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
}

/* Svetel gumb za comma */
.brand-card__button--light {
  background: #dec9aa;
  color: #1b1b1b !important;
  border-color: #ccb390;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.10);
}

/* Hover efekt za gumb */
.brand-card__button:hover,
.brand-card__button:focus {
  transform: translateY(-2px);
  opacity: 0.97;
}

#sb_content #about-us .txt *{
 width: auto !important;
}
#sb_content{
    margin-bottom: 100px;
}
/* Tablet prilagoditev */
@media (max-width: 1024px) {
  .styling-page {
    padding: 0;
  }

  .brand-grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  .brand-card {
    max-width: 100%;
  }
  .styling-page__eyebrow {
    font-size: 30px;
  }
  .brand-card__content{
    bottom: 100px;
    width: 60% !important;
  }
.wrapper {
    display: flex !important;
    flex-direction: column !important;
}
}

/* Mobile - kartici ena pod drugo */
@media (max-width: 768px) {
.faq-custom{
    padding: 30px 50px 20px !important;
    margin-bottom: 0 !important;
    align-items: flex-start !important;
  }
.faq-h1{
    margin-bottom: 20px !important;
font-size: 28px !important;
  }
.kontakt-h1{
    font-size: 28px !important;
    margin-bottom: 20px !important;
    margin-top: 30px;
  }
.kontakt-p{
    margin-bottom: 20px !important;
  }
  .styling-page {
    padding: 0;
  }
.page-content {
    padding: 0;
  }
.section-pd{
    padding: 0 24px;
  }
  .styling-page__eyebrow {
    font-size: 16px;
    margin-bottom: 18px;
  }

  .styling-page__subtitle {
    margin-bottom: 32px;
  }

  .brand-grid {
    display: grid;
    grid-template-columns: 1fr;
    
  }

  .brand-card {
    max-width: 100%;
    aspect-ratio: 0.88 / 1;
    border-radius: 12px;
  }

  .brand-card__content {
    width: 60% !important;
    bottom: 24px;
    gap: 18px;
  }

  .brand-card__button {
    min-width: 190px;
    min-height: 48px;
    font-size: 19px;
  }
.wrapper {
    display: flex !important;
    flex-direction: column !important;
}

.sb-timeline{
    margin-bottom: 100px !important;
}
.active{
    background: #F6F2EE !important;
}
.booking-result-tabs {
    background: #F6F2EE !important;
}
/* ada modul iz header-ja */
#sb_ada_module{
    display: none;
}
}

/* Ožji telefoni - še malo bolj kompaktno */
@media (max-width: 480px) {
  .styling-page__title {
    font-size: 54px;
  }

  .styling-page__subtitle {
    font-size: 22px;
  }

  .brand-card__brand--soliver .brand-card__brand-main {
    font-size: 40px;
  }

  .brand-card__brand--comma .brand-card__brand-main {
    font-size: 34px;
  }
}


/* Hide the element with id="main-buttons" */
#main-buttons {
  display: none !important;
}



/* TYPOGRAPHY SYSTEM* /

/* Desktop */
.styling-page h1 {
  font-size: 40px !important;
  line-height: 48px !important;
  font-weight: 400 !important;
}

.styling-page h2 {
  font-size: 28px !important;
  line-height: 36px !important;
  font-weight: 400 !important;
}

.styling-page p,
.styling-page body {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
}

.styling-page small,
.styling-page .small-text,
.styling-page__eyebrow {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}

/* mobile */

@media (max-width: 768px) {
  .styling-page h1 {
    font-size: 28px !important;
    line-height: 34px !important;
  }

  .styling-page h2 {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  .styling-page p {
    font-size: 15px !important;
    line-height: 22px !important;
  }

  .styling-page small,
  .styling-page .small-text,
  .styling-page__eyebrow {
    font-size: 13px !important;
    line-height: 18px !important;
  }
}

/* locations */

#main-content{
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.provider-item{
    border-radius: 16px !important;
}
.content{
    min-height: auto !important;
}
.panel {
    align-items: center !important;
}
.one-line {
    align-items: center !important;
}
.select {
    background-color: #9B8576 !important;
}
.wrap-read-more {
    display: none !important;
}
.btn-bar{
    padding: 0 !important;
}

#time-settings{
   display: none !important;
}
.filter{
    display: none !important;
}
.location-item{
    border-radius: 16px !important;
}
.timeline-sidebar{
    display: none !important;
}
#sb_sidebar_container{
    width:0 !important;
}
.time-legend{
    justify-content: flex-start !important;
}
/* Calendar page */ 
.sb-cell.free{
    background: #9B8576 !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
}
.sb-cell.free:hover {
    background: #8A7466 !important;
    color: #FFFFFF !important;
}
.select{
    background: #9B8576 !important;
    border-radius: 8px !important;
}
.select span {
    color: #FFFFFF !important;
}
.select:hover {
    background: #8A7466 !important;
    color: #FFFFFF !important;
}
.selected{
    background: #8A7466 !important;
    color: #FFFFFF !important;
}
/* Form */ 
.form-control {
    border-radius: 15px !important;
}

#sb_book_btn,
.btn-danger,
.btn-has-icon,
.btn-default,
.btn-primary,
#sb_accept_important_coo{
    background: #9B8576 !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
}
#sb_book_btn span,
.btn-danger span,
.btn-has-icon span,
.btn-default span,
.btn-primary span{
    color: #FFFFFF !important;
}
#sb_book_btn:hover,
.btn-danger:hover,
.btn-has-icon:hover,
.btn-default:hover,
.btn-primary:hover,
#sb_accept_important_coo:hover{
    background: #8A7466 !important;
    color: #FFFFFF !important;
}
/* popup */

.tab-pd{
    line-height: 30px;
}

/* Končna stran */
#sb_bookings_list div{
    align-items: center;
    /*justify-content: center !important;*/
}
.booking-btns{
    display: flex;
    flex-direction: column;
}
.btn-has-icon{
    width: 300px;
}
.booking-confirmed{
    width: 100% !important;
    border-radius: 8px !important;
}
.calendar-popup li {
    width: 100% !important;
}
.modal-content {
    display: flex !important;
    flex-direction: column !important;
}
.text a{
    color: #9B8576 !important;
    text-decoration: underline !important;
}
#sb_necessary_important_coo{
    color: #9B8576 !important;
}
#sb_terms_and_conditions a{
    color: #8A7B72 !important;
}
.alert-info{
    background-color: #8A7B72 !important;
    color: #ffff !important;
}
.fit,
.photo{
  object-fit: contain !important;
}
#sb_next_month,
#sb_prev_month{
    border: none !important;
}
#sb_dateview_container{
    border-radius: 8px;
}
.steps-nav {
    margin-top: 2px;
}
.booking-result-tabs{
    margin-top: 1px;
}
.booking-cancelled{
    width: 100% !important;
}
.subscribe-component--status {
    margin-bottom: 20px;
}
.sb_cancel_btn,
.sb_book_again,
.sb-reschedule{
    display: none !important;
}
.available{
    display: none !important;
}
#booking-result-popup-title{
    text-transform: lowercase !important;
}
.booking-info--item_end-date{
    display: none !important;
}
.one-row--client-info{
    flex-direction: column !important;
    align-items: flex-start !important;
}
.control-label{
    min-width: 150px !important;
}
.modal-header{
    display: none !important;
}