/*
 Theme Name: Astra Child
 Theme URI: https://mintiliciousdesign.com/
 Description: Child theme for Astra on mintiliciousdesign.com
 Author: Mintilicious Design
 Author URI: https://mintiliciousdesign.com/
 Template: astra
 Version: 1.0
*/

/* POTPUNI RESET ZELENE SEKCIJE */
/*.elementor-element.elementor-element-8ce5e51 {*/
/*  all: unset;*/
/*  display: flex !important;*/
/*  flex-direction: column !important;*/
/*  align-items: center !important;*/
/*  justify-content: center !important;*/
/*  padding: 0px !important;*/
/*  margin: 0px !important;*/
/*  min-height: 0px !important;*/
/*  height: auto !important;*/
  background-color: #caff73; /* tvoja zelena */
/*}*/



/* GRID */

/* Unbounded font (ako već nemaš) */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;700&display=swap');

/* GRID WRAPPER — max širina 1340px, 3 kolone na desktopu */
.elementor .portfolio-grid{
  max-width:1340px;
  margin:0 auto;
  display:grid !important;
  gap:32px !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  font-family:"Unbounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size:16px;
}

/* Tablet i telefon: JEDNA kolona */
@media (max-width:1024px){
  .elementor .portfolio-grid{ grid-template-columns:1fr !important; }
}

/* KARTICA */
.portfolio-card{
  display:block;
  color:inherit; text-decoration:none;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:25px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  transition:transform .2s ease, box-shadow .2s ease;
}
.portfolio-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 24px rgba(0,0,0,.08);
}

/* GORNJI DEO (slika) — fotke: cover; ako su logo-i, stavi contain (vidi dole) */
.portfolio-card-media{
  height:260px;            /* po potrebi 220–300 */
  background:#f2f2f2;
  display:flex; align-items:center; justify-content:center;
}
.portfolio-card-media img{
  width:100%; height:100%;
  object-fit:cover;        /* za LOGO-e zameni u contain */
  display:block;
}

/* DONJI BAR (naslov) */
.portfolio-card-title{
  background:#4A71CE;      /* plava */
  color:#CFF385;           /* zelena */
  font-weight:600;
  padding:16px 18px;
  min-height:56px;
  display:flex; align-items:center;
  border-radius:0 0 25px 25px; /* da prate zaobljenja */
}

/* Poravnaj sva media polja kartice */
.portfolio-grid .portfolio-card-media {
  position: relative;
  height: 260px;        /* po želji: 220–320 */
  padding: 0;           /* sigurnosno */
  overflow: hidden;
}

/* Nateraj sliku da ZAISTA popuni prostor (bez praznog prostora) */
.portfolio-grid .portfolio-card-media img,
.portfolio-grid .portfolio-card-media picture,
.portfolio-grid .portfolio-card-media figure img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center;
  display: block;
  line-height: 0;       /* ukloni potencijalni “ghost” razmak */
}

/* Ako Elementor/WP ubaci figure/containter oko slike */
.portfolio-grid .portfolio-card-media figure,
.portfolio-grid .portfolio-card-media .elementor-image,
.portfolio-grid .portfolio-card-media .wp-block-image {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ukloni moguće default stilove sa WP-a koji kose ovo ponašanje */
.portfolio-grid img.wp-post-image {
  height: 100% !important;
}


/* sigurnosno i na naslovu */
.portfolio-card-title{
  text-decoration: none !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ===================== TESTIMONIALS (CLEAN) ===================== */
:root { --t-text: #FFF9ED; }

/* Base */
#testimonials.t-wrap{
  position: relative;
  color: var(--t-text);
  max-width: 980px;
  margin: 0 auto;
  min-height: 180px;
  padding: 40px 32px;                 /* fiksni padding */
}

/* Slajdovi (desktop po difoltu apsolutni, jedan prikazan) */
#testimonials .t-slide{
  position: absolute;
  inset: 0;
  padding: 40px 32px;                 /* isti padding kao wrap */
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .28s ease, transform .28s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;            /* LEVO poravnanje */
  justify-content: center;
  text-align: left;
  gap: 12px;
}
#testimonials .t-slide.is-active{ opacity:1; transform:translateY(0); }

#testimonials .t-quote{
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}
#testimonials .t-author{ margin: 0; }
#testimonials .t-byline{
  display: block;
  font-family: "Unbounded", sans-serif;
  font-size: 16px;
  font-weight: 600;
  opacity: .95;
}

/* Strelice – UVEK desno dole na desktopu */
#testimonials .t-controls{
  position: absolute;
  right: 32px;                        /* poravnato sa paddingom */
  bottom: 32px;
  display: flex;
  gap: 8px;
  z-index: 2;
}
#testimonials .t-btn{
  background: transparent;
  border: 1px solid currentColor;
  color: var(--t-text);
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
  font: 600 16px/1 "Figtree", sans-serif;
}
#testimonials .t-btn:focus-visible{
  outline: 2px dashed var(--t-text);
  outline-offset: 2px;
}

/* ===== Tablet/Mobile ===== */
@media (max-width: 768px){
  #testimonials.t-wrap{
    max-width: 560px;
    padding: 24px 16px 72px;          /* dno veće zbog strelica */
    min-height: initial;
  }
  /* Slajd u normalnom toku (visina po tekstu), centriran */
  #testimonials .t-slide{
    position: static;
    display: none;
    opacity: 1;
    transform: none;
    padding: 0;
    align-items: center;
    text-align: center;
  }
  #testimonials .t-slide.is-active{ display: block; }

  #testimonials .t-quote{ font-size: 15px; }
  #testimonials .t-byline{ font-size: 15px; }

  /* Strelice ispod teksta, centrirane */
  #testimonials .t-controls{
    position: absolute;
    left: 50%;
    right: auto;
    bottom: 16px;
    transform: translateX(-50%);
    justify-content: center;
    gap: 10px;
  }
  #testimonials .t-btn{
    width: 40px; height: 40px; padding: 0;
    display: grid; place-items: center;
    border-radius: 10px;
  }
}


/* === DESKTOP FIX: slajd u normalnom toku, nema preklapanja === */
@media (min-width: 769px){

  /* Wrapper drži fiksan unutrašnji razmak + "džep" za strelice */
  #testimonials.t-wrap{
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    padding: 40px 32px 96px !important; /* donji džep za strelice */
    min-height: initial !important;
  }

  /* Slajdovi više NISU absolute; prikazujemo samo aktivni */
  #testimonials .t-slide{
    position: static !important;
    inset: auto !important;
    display: none !important;  /* sakrij sve */
    opacity: 1 !important;
    transform: none !important;
    padding: 0 !important;     /* padding preuzima wrap */
    align-items: flex-start !important;
    text-align: left !important;
    gap: 12px !important;
  }
  #testimonials .t-slide.is-active{
    display: block !important; /* prikaži aktivni */
  }

  /* Tekst */
  #testimonials .t-quote{
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
  }
  #testimonials .t-byline{
    font-size: 16px;
    font-weight: 600;
    margin: 0;
  }

  /* Strelice: uvek desno-dole, u rezervisanom prostoru */
  #testimonials .t-controls{
    position: absolute !important;
    right: 32px !important;
    bottom: 32px !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    gap: 8px !important;
    z-index: 2;
  }
  #testimonials .t-btn{
    min-width: 36px; height: 36px; padding: 0 10px;
    display: grid; place-items: center;
    border-radius: 8px;
    border: 1px solid currentColor;
  }
}