/*
 Theme Name:  Divi Child Theme
 Description: Child Theme for Divi
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

/* ==========================================================
   GLAVNI MENU
   ========================================================== */

/* Poravnava menija desno */
.et_pb_menu--style-centered .et_pb_menu__menu > nav > ul,
.et_pb_menu--style-centered .et_pb_menu__wrap {
    justify-content: flex-end !important;
}

/* Širši dropdown */
.nav li ul { width: 320px; }
.et-menu li li a { padding: 6px 20px; width: 280px; }

/* Velike črke za glavni nivo */
.et_pb_menu .nav > li > a {
    text-transform: uppercase;
}

/* Submenu običajne črke */
.et_pb_menu .nav li ul.sub-menu li > a {
    text-transform: none;
    font-weight: normal;
}

/* REZERVIRAJ ZDAJ button v meniju */
.rezerviraj-zdaj {
    background: rgba(175,142,106,.85);
    border: 1px solid #af8e6a;
    padding: 12px 34px 6px;
    margin-left: 7px;
}
.rezerviraj-zdaj a {
    color: #fff !important;
}

/* ==========================================================
   AKTUALNE PONUDBE – GRID & KARTICE
   ========================================================== */

/* Grid */
.ponudbe-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 24px;
    margin-top: 30px;
}

/* Zunanja povezava */
.ponudba-kartica-link {
    flex: 1 1 calc(33.333% - 24px);
    max-width: 30%;
    min-width: 260px;
    text-decoration: none;
    color: inherit;
}

/* Kartica */
.ponudba-kartica {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    padding: 15px 10px 18px;
}

/* Slika (kvadratna) */
.ponudba-img {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}
.ponudba-img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}
.ponudba-kartica:hover .ponudba-img img {
    transform: scale(1.05);
}

/* Naslov */
.ponudba-title {
    margin: 18px 10px 10px;
    font-size: 24px;
    color: #af8e6a;
    text-align: center;
}

/* Opis */
.ponudba-opis,
.ponudba-excerpt {
    padding: 0 12px;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
}

/* === KLJUČ: spodnji del kartice === */
.ponudba-link {
    margin-top: auto;         /* POTISNE SPODNJE ELEMENTE NA DNO */
    text-align: center;
    padding-top: 16px;
}

/* Cena */
.cena-od {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 6px;
    margin: 12px 0;
    font-size: 16px;
}
.cena-od span {
    font-size: 30px;
    font-weight: 500;
    color: #af8e6a;
}

/* Gumbi */
.acf-buttons {
    display: flex;
    gap: 10px;
}
.acf-buttons a {
    flex: 1;
    padding: 12px 0;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}
.acf-buttons .rezerviraj-btn {
    background: #af8e6a;
    color: #fff;
}
.acf-buttons .kontakt-btn {
    background: transparent;
    color: #af8e6a;
    border: 1px solid #af8e6a;
}

/* Responsive */
@media (max-width: 1024px) {
    .ponudba-kartica-link {
        flex: 1 1 calc(50% - 24px);
        max-width: none;
    }
}
@media (max-width: 600px) {
    .ponudba-kartica-link {
        flex: 1 1 100%;
        max-width: none;
    }
}

/* ==========================================================
   OSTALO (ohranjeno)
   ========================================================== */

.allow-html p { margin-bottom: 1em; }
.allow-html br { margin-bottom: 1em; }

/* Reverse mobile layout */
@media (max-width:980px){
  .reverse-mobile{ display:flex; flex-direction:column-reverse; }
}

/* PHOBS CSS – ostane nespremenjen
   (tvoj obstoječi PHOBS CSS lahko tukaj ostane nespremenjen) */


/* ========== PHOBS ============ */

/* PHOBS form CSS Document */

#phobs_book {
    padding: 0px;
    margin: 0px;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #af8e6a;
    padding-left: 5px;
}
#phobs_book .booking_naslov {
    font: normal 14px Arial, Helvetica, sans-serif;
}
#phobs_book select {
    font: normal 12px Arial, Helvetica, sans-serif;
    margin-bottom: 3px;
    padding: 1px;
}
#phobs_book .destination, #phobs_book .hotel {
    width: 149px;
}
#phobs_book p {
    padding: 1px 0px;
    margin:0px;
}
#phobs_book .button {
    border: 1px solid #369;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #af8e6a;
    background-color: #EEE;
    width: 102px;
    padding: 1px;
}
#phobs_book .access_code {
    font: normal 12px Arial, Helvetica, sans-serif;
    width: 130px;
    border: 1px solid #CCC;
}
#phobs_book a.view_cancel {
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #069;
    text-decoration:none;
}
#phobs_book a.view_cancel:hover {
    text-decoration:underline;
    color: Red;
}

/* =========================
   PHOBS Sticky Booking Bar
   ========================= */

/* Sticky wrapper */
#phobs_booking_bar{
  position: sticky;
  top: var(--phobs-top, 0px);  /* JS spodaj nastavi odmik pod header */
  z-index: 9999;
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding: 24px 0;
}

/* Notranji “container” občutek (Divi-like) */
#phobs_booking_bar #phobs_book{
  max-width: 95%;
  margin: 0 auto;
  padding: 14px 16px;
}

/* =========================
   PHOBS Form Layout: 1 vrstica
   ========================= */

#phobs_book{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: flex-end;
}

/* vse <p> skupine naj ne imajo Divi default marginov */
#phobs_book > p{
  margin: 0 !important;
  padding: 0 !important;
}

/* Naslov "Rezervacije" */
#phobs_book > p.booking_naslov{
  flex: 0 0 auto;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  margin-right: 8px !important;
  align-self: center;
}

/* skupina: Noči + gumb */
#phobs_book select[name="nights"],
#phobs_book input[name="book"]{
  display: inline-block;
}

/* ovijemo Noči + gumb v flex kontekst */
#phobs_book select[name="nights"]{
  min-width: 90px;
}

/* gumb */
#phobs_book input[name="book"]{
  height: 46px;
  margin-left: 8px;
}

/* PROMO KODA – kamorkoli v HTML */
#phobs_book input[name="partners_access"]{
  width: 100%;
  align-self: flex-start !important;
}


#phobs_book .phobs-promo {
  align-self: flex-start;
}


#phobs_book input[type="hidden"]{
  display:none !important;
}


/* =========================
   Input/Select styling (Divi-like)
   ========================= */

#phobs_book select,
#phobs_book input[type="text"]{
  height: 46px;
  border-radius: 0px;
  border: 1px solid rgba(0,0,0,.18);
  background: #fff;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.2;
  color: #af8e6a;
  width: 100%;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}

#phobs_book select{
  width: auto; /* za hotel lahko ostane širši, drugi so fiksno nastavljeni zgoraj */
}

/* Hotel select naj lepo zapolni svoj blok */
#phobs_book select.hotel{
  width: 100%;
  min-width: 260px;
}

/* Submit gumb – stil v Divi smeri */
#phobs_book input.button[type="submit"]{
  height: 46px;
  border-radius: 0px;
  padding: 0 18px;
  border: none;
  cursor: pointer;

  /* Brand barva */
  background: #af8e6a;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  transition: transform .05s ease, filter .2s ease;
}
#phobs_book input.button[type="submit"]:hover{ filter: brightness(1.05); }
#phobs_book input.button[type="submit"]:active{ transform: translateY(1px); }

/* Postavimo na sredino */
#phobs_booking_bar #phobs_book{
  justify-content: center;
}

/* Link za cancel */
#phobs_book a.view_cancel{
  display: inline-block;
  font-size: 14px;
  text-decoration: underline;
}

/* Barva in pozicicja povezave Spremeni / odpovej rezervacijo */
#phobs_book a.view_cancel{
  color: #af8e6a; /* primer: Divi modra */
  margin-left: 5%;
}


/* Cancel rezervacija – vedno nova vrstica v flex layoutu */
#phobs_book .phobs-cancel-row{
  flex: 0 0 100%;
}

#phobs_book .phobs-cancel-row{
  margin-top: 10px;
}

#phobs_book .phobs-cancel-row a{
  display: inline-block;
  font-size: 14px;
  opacity: .85;
}
#phobs_book .phobs-cancel-row a:hover{
  opacity: 1;
}


/* =========================
   Responsive
   ========================= */
@media (max-width: 980px){
  #phobs_booking_bar #phobs_book{
    padding: 12px 12px;
  }

  #phobs_book{
    gap: 10px;
  }

  /* Na tablet/mobilu naj se lepo zloži */
  #phobs_book > p:nth-of-type(2),
  #phobs_book > p:nth-of-type(3),
  #phobs_book > p:nth-of-type(4),
  #phobs_book > p:nth-of-type(7){
    flex: 0 0 100%;
  }

  /* gumb čez celo širino na telefonu */
  #phobs_book input.button[type="submit"]{
    width: 100%;
  }
	
	/* Barva in pozicicja povezave Spremeni / odpovej rezervacijo */
	#phobs_book a.view_cancel{
 	color: #af8e6a; /* primer: Divi modra */
  	margin-left: 0;
	}

	
 /* naj bo celoten form poravnan levo */
  #phobs_book{
    justify-content: flex-start !important;
    text-align: left !important;
  }

  /* posebej: Noči + gumb blok */
  #phobs_book select[name="nights"],
  #phobs_book input[name="book"]{
    margin-left: 0;
    margin-right: 0;
    align-self: flex-start !important;
  }
	
	
#phobs_book select[name="nights"],
  #phobs_book input[name="book"]{
    width: 100%;
  }

#phobs_book{
    justify-content: flex-start;
  }

	
}

/* MOBILNO: Noči + Rezerviraj naj bosta poravnana levo */
@media (max-width: 980px){

  /* cilja p, ki vsebuje select nights */
  #phobs_book select[name="nights"]{
    align-self: flex-start;
  }

  /* p, ki vsebuje nočitve in gumb */
  #phobs_book select[name="nights"]{
    margin-left: 0;
  }

  /* ključno: razbij centriranje v parent <p> */
  #phobs_book select[name="nights"],
  #phobs_book input[name="book"]{
    justify-self: flex-start;
  }

  /* najpomembnejše: razveljavi justify-content:center */
  #phobs_book p{
    justify-content: flex-start;
    text-align: left;
  }
}

/* //======== PHOBS ============ */