/*
Theme Name: GeneratePress Child
Description: A GeneratePress child theme
Template: generatepress
Version: 1.0.0
*/

body {
	background-color: white;
	color: #1f3e53;
}

p {
	color: #1f3e53;
}

/* ===== HERO FINAL (single source of truth) ===== */

:root{

  /* sizing */
  --mp-hero-h: 640px;
  --mp-square: calc(var(--mp-hero-h) / 3);

  /* layout controls */
  --mp-left: 72%;           /* left image column width */
  --mp-right: 28%;          /* right side width */
  --mp-grid-overlap: 320px; /* how much right grid overlaps left image */

  /* teal + label */
  --mp-svetska: "SVETSKA";
  --mp-sv-x: 28px;
  --mp-sv-y: 56px;          /* distance from TOP of teal */
}

/* 0) Full width breakout (desktop) */
@media (min-width: 981px){
  .entry-content > .wp-block-columns:has(.hero-column-main):has(.hero-column-services){
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
	  
  }
	
	
.single-usluga .usluga-shell__grid{
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 48px;
}
	
	.service-card-kolonoskopija {
		display: none;
	}
	
	h3:where(.wp-block-heading).has-background {
	padding: 0 70px 0 0 !important;
}
}

/* 1) Outer frame: no gaps, fixed height */
.wp-block-columns:has(.hero-column-main):has(.hero-column-services){
  gap: 0 !important;
  column-gap: 0 !important;
  align-items: stretch !important;
}

.hero-column-main,
.wp-block-columns:has(.hero-column-main) > .wp-block-column:not(.hero-column-main){
  height: var(--mp-hero-h) !important;
}

/* 2) Column widths */
.hero-column-main{
  flex: 0 0 var(--mp-left) !important;
  min-width: 0 !important;
}
.wp-block-columns:has(.hero-column-main) > .wp-block-column:not(.hero-column-main){
  flex: 0 0 var(--mp-right) !important;
  min-width: 0 !important;
}

/* 3) Left cover */
.hero-main-cover{
/*  height: 100% !important; */
  min-height: 100% !important;
  border-radius: 10 !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
.hero-main-cover > .wp-block-cover__background{
  opacity: 0 !important;
  background: transparent !important;
}

/* 4) Teal block: height = 1 square, width ends exactly at the overlap line */
.hero-main-cover::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  height: var(--mp-square) !important;
  width: calc(100% - var(--mp-grid-overlap)) !important;
  background: var(--mp-brand) !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

/* 5) SVETSKA (works even if <p> is removed) */
/* 1) Kill the thin teal strip (if you used ::after before) */
.hero-main-cover::after{
  content: none !important;
}

/* 2) Make the inner container a real positioning box */
.hero-main-cover .wp-block-cover__inner-container{
  position: relative !important;
  height: 100% !important;
  z-index: 10 !important;
}

/* 3) Style the EXISTING <p> label and pin it inside the teal */
.hero-main-cover .wp-block-cover__inner-container > p.hero-main-cover{
  position: absolute !important;
  left: 32px;
  bottom: 28px !important;

  top: auto !important;
  right: auto !important;

  display: inline-block !important;
  width: auto !important;
  max-width: calc(100% - 64px) !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  color: #fff !important;

  font-size: 22px !important;      /* overrides has-large-font-size */
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;


  text-align: left !important;     /* overrides has-text-align-center */
  white-space: nowrap !important;  /* remove if you want wrap */
  z-index: 20 !important;
}


/* 6) Right side grid (3x3 squares) + overlap onto left image */
.hero-column-services{
  position: relative !important;
  height: 100% !important;

  display: grid !important;
  grid-template-columns: var(--mp-square) var(--mp-square) var(--mp-square) !important;
  grid-template-rows: var(--mp-square) var(--mp-square) var(--mp-square) !important;
  gap: 0 !important;

  margin-left: calc(-1 * var(--mp-grid-overlap)) !important;
  z-index: 10 !important;
}

/* Flatten Gutenberg wrappers so covers become grid items */
.hero-column-services > .wp-block-column.services-grid-container{ display: contents !important; }

/* Tiles reset */
.hero-column-services .wp-block-cover{
border-bottom:	1px solid rgba(0,0,0,0.08) !important; 
	border-left: 1px solid rgba(0,0,0,0.08) !important; 
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  height: 100% !important;
  min-height: 0 !important;
}

/* Backgrounds */
.hero-column-services .wp-block-cover:not(.middle-image):not(.empty-cover) > .wp-block-cover__background{
  background: #f6f7f8 !important;
  opacity: 1 !important;
}
.hero-column-services .middle-image > .wp-block-cover__background{
  opacity: 0 !important;
  background: transparent !important;
}
.hero-column-services .middle-image .wp-block-cover__image-background{
  object-fit: cover !important;
}

/* Content centered */
.hero-column-services .wp-block-cover__inner-container{
  padding: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;
}

/* Titles */
.hero-column-services h3{
  margin: 0 !important;
  color: #111 !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
/*  max-width: 80% !important; */
  word-break: keep-all !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
}

/* Placement */
.hero-column-services .service-card-ginekologija{ grid-column: 2; grid-row: 1; }
.hero-column-services .middle-image{ grid-column: 2; grid-row: 2; }
.hero-column-services .service-card-gastroenterologija{ grid-column: 2; grid-row: 3; }
.hero-column-services .service-card-kardiologija{ grid-column: 3; grid-row: 2; }
.hero-column-services .service-card-vodjenje-trudnoce{ grid-column: 1; grid-row: 2; }

/* Hide empty covers but keep grid cells */
.hero-column-services .empty-cover > .wp-block-cover__background{ opacity: 0 !important; }
.hero-column-services .empty-cover .wp-block-cover__inner-container{ display:none !important; }
.hero-column-services .empty-cover:nth-of-type(1){ grid-column: 3; grid-row: 1 !important; }
.hero-column-services .empty-cover:nth-of-type(2){ grid-column: 3; grid-row: 3 !important; }

/* Icons (simple + consistent) */
.hero-column-services .wp-block-cover:not(.middle-image):not(.empty-cover){
  position: relative !important;
}
.hero-column-services .wp-block-cover:not(.middle-image):not(.empty-cover)::after{
  content:"⚙︎" !important;
  position:absolute !important;
  top: 16px !important;
  left: 16px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.9) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size: 16px !important;
  color: #0b3e46 !important;
  z-index: 20 !important;
}

/* .hero-column-services .wp-block-cover:not(.middle-image):not(.empty-cover) .wp-block-cover__inner-container::after{
  content:"↗" !important;
  position:absolute !important;
  right: 22px !important;
  bottom: 22px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size: 18px !important;
  color: #111 !important;
  z-index: 20 !important;
} */

.wp-block-cover.hero-main-cover {
	align-items: end;
}

/* Responsive */
@media (max-width: 1100px){
  .hero-column-services{ margin-left: 0 !important; }
}
@media (max-width: 980px){
  .hero-column-main,
  .wp-block-columns:has(.hero-column-main) > .wp-block-column:not(.hero-column-main){
    height: auto !important;
  }
  .hero-column-services{
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }
}



/* ===== FIX: clean the HERO <p> label (remove theme pseudo + keep text visible) ===== */

/* 1) Remove any theme decoration pseudo-elements on that <p> */
.hero-main-cover .wp-block-cover__inner-container > p.hero-main-cover::before,
.hero-main-cover .wp-block-cover__inner-container > p.hero-main-cover::after{
  content: none !important;
  display: none !important;
}

/* 2) Make sure the label sits above everything and doesn't get clipped */
.hero-main-cover .wp-block-cover__inner-container{
  overflow: visible !important;
}

/* 3) Pin + style the existing <p> safely */
.hero-main-cover .wp-block-cover__inner-container > p.hero-main-cover{
  position: absolute !important;
  left: 32px !important;
  bottom: 28px !important;
  z-index: 999 !important;

  margin: 0 !important;

  /* IMPORTANT: allow wrap so it doesn't clip */
  white-space: normal !important;

  /* Keep it inside the teal width (teal ends at overlap line) */
  max-width: calc(100% - var(--mp-grid-overlap) - 64px) !important;

  background: transparent !important;
  color: #fff !important;

  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;

  text-align: left !important;
}


/* ===== HERO MOBILE FIX (stack + 2-col grid + no overlap + label on teal) ===== */
/* ===== MOBILE HERO GRID (2 cols x 4 rows, ALL SQUARES) ===== */
@media (max-width: 980px){

  /* 1) Stack the two columns (main image on top, grid below) */
  .wp-block-columns:has(.hero-column-main):has(.hero-column-services){
    flex-wrap: wrap !important;
  }
  .hero-column-main,
  .wp-block-columns:has(.hero-column-main) > .wp-block-column:not(.hero-column-main){
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* 2) Left cover on mobile (keep label on teal, don’t float to top) */
  .hero-main-cover{
    height: 42vh !important;
    min-height: 80px !important;
  }
  .hero-main-cover::before{
    height: 32% !important;     /* teal height on mobile */
    width: 78% !important;      /* teal width on mobile */
  }
  .hero-main-cover .wp-block-cover__inner-container{
    position: relative !important;
    height: 100% !important;
  }
  .hero-main-cover .wp-block-cover__inner-container > p.hero-main-cover{
    position: absolute !important;
    left: 14px !important;
	bottom: -85% !important;
    top: auto !important;
    right: 14px !important;
    margin: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    text-align: left !important;
    white-space: normal !important;
    max-width: calc(100% - 58px) !important;
    z-index: 20 !important;
  }

  /* 3) SERVICES GRID: 2 columns, 4 rows, ALL SQUARES */
  :root{
    /* square size based on viewport width (adjust 32px if your page padding differs) */
    --mp-m-square: calc((100vw - 32px) / 2);
  }

  .hero-column-services{
    margin-left: 0 !important;          /* cancel desktop overlap */
    width: 100% !important;
    max-width: 100% !important;

    display: grid !important;
    grid-template-columns: var(--mp-m-square) var(--mp-m-square) !important;
    grid-template-rows: repeat(3, var(--mp-m-square)) !important;
    gap: 0 !important;

    justify-content: center !important; /* center the 2-col grid */
    align-content: start !important;
  }

  /* flatten wrapper so covers are direct grid items */
  .hero-column-services > .wp-block-column.services-grid-container{
    display: contents !important;
  }

  /* each tile fills its grid cell perfectly */
  .hero-column-services .wp-block-cover{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  /* hide any “empty covers” on mobile (we’ll create blanks by leaving cells empty) */
  .hero-column-services .empty-cover{
    display: none !important;
  }

  /* 4) EXACT PLACEMENT YOU ASKED:
     Row1: col1 Ginekologija | col2 blank
     Row2: col1 image       | col2 Vodjenje
     Row3: col1 Kardiologija| col2 blank
     Row4: col1 blank       | col2 Gastroenterologija
  */
  .hero-column-services .service-card-ginekologija{ grid-column: 1 !important; grid-row: 1 !important; }
  .hero-column-services .middle-image{              grid-column: 1 !important; grid-row: 2 !important; }
  .hero-column-services .service-card-vodjenje-trudnoce{ grid-column: 2 !important; grid-row: 2 !important; }
  .hero-column-services .service-card-kardiologija{ grid-column: 2 !important; grid-row: 1 !important; }
  .hero-column-services .service-card-gastroenterologija{ grid-column: 2 !important; grid-row: 3 !important; }
  .hero-column-services	.service-card-kolonoskopija { grid-column: 1 !important; grid-row: 3 !important; }

  /* 5) Make the middle image behave like a real square tile */
  .hero-column-services .middle-image > .wp-block-cover__background{
    opacity: 0 !important;
    background: transparent !important;
  }
  .hero-column-services .middle-image .wp-block-cover__image-background{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* 6) Keep titles centered nicely */
  .hero-column-services .wp-block-cover__inner-container{
    padding: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    position: relative !important;
  }
  .hero-column-services h3{
    font-size: 15px !important;
    line-height: 1.15 !important;
    max-width: 82% !important;
  /*  margin: 0 !important; */
    word-break: keep-all !important;
    hyphens: none !important;
  }

  /* Optional: icons position stays OK in squares
  .hero-column-services .wp-block-cover:not(.middle-image):not(.empty-cover) .wp-block-cover__inner-container::after{
    right: 18px !important;
    bottom: 18px !important;
    top: auto !important;
	border: 1px solid black;
  }
	 */
	.hero-main-cover p.hero-main-cover{
  position: absolute !important;

  left: 24px !important;
  bottom: 24px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  color: #ffffff !important;

  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;

  text-align: left !important;
  white-space: normal !important;

  z-index: 10 !important;
}

	.hero-main-cover::before{
  content: "" !important;
  position: absolute !important;

  left: 0 !important;
  bottom: 0 !important;

  width: 78% !important;
  height: 32% !important;

  background: var(--mp-brand-soft) !important;
  z-index: 5 !important;
}


}

/* =========================
   LEKAR layout: 2 columns
   Left = image + dark bar
   Right = header meta
   Bio = full width
========================= */

:root{
  --mp-brand: rgb(0,120,139);
  --mp-left-col: 416px;         /* image/bar width on desktop */
  --mp-gap: 48px;
  --mp-bar-overlap: 34px;       /* how much bar overlaps image */
 --mp-brand-soft: #F5F5F5;
}



/* Make inside-article a grid layout on single lekar pages */
.single-lekar .inside-article{
  display: grid !important;
  grid-template-columns: minmax(320px, var(--mp-left-col)) minmax(0, 1fr) !important;
  column-gap: var(--mp-gap) !important;
  align-items: start !important;
}

/* Let children of entry-content participate in the grid */
.single-lekar .inside-article .entry-content{
  display: contents !important;
}

/* Left: featured image */
.single-lekar .inside-article > .featured-image{
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
}

/* Ensure the image is nicely cropped / not insanely tall */
.single-lekar .inside-article > .featured-image img{
  width: 100% !important;
  height: auto !important;          /* adjust if you want */
  object-fit: fill !important;
  display: block !important;
}

/* Right: header (name + title + short bio) */
.single-lekar .inside-article > .entry-header{
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;   /* covers image + bar rows */
  margin: 0 !important;
  align-self: start !important;
}

/* Left: dark green bar (same width as image) */
.single-lekar .inside-article section.lekar-hero{
  grid-column: 1 !important;
  grid-row: 2 !important;

  /* overlap the image bottom */
  margin-top: calc(-1 * var(--mp-bar-overlap)) !important;
  z-index: 3 !important;

  background: var(--mp-brand) !important;
  padding: 18px 22px !important;
  border-radius: 10px !important;
  width: 100% !important;
}

/* Remove any extra spacing between image and bar */
.single-lekar .inside-article section.lekar-hero + p{
  margin-top: 0 !important;
}

/* Inside the dark bar */
.single-lekar .lekar-hero__name{
  margin: 0 0 6px 0 !important;
  color: #fff !important;
}
.single-lekar .lekar-hero__spec{
  margin: 0 !important;
  color: rgba(255,255,255,.9) !important;
  font-weight: 600 !important;
}

/* You said: NO short description inside the dark bar */
.single-lekar .lekar-hero__bio{
  display: none !important;
}

/* Full width content (biography / long text) */
.single-lekar .inside-article .entry-content > p,
.single-lekar .inside-article .entry-content > h2,
.single-lekar .inside-article .entry-content > h3,
.single-lekar .inside-article .entry-content > ul,
.single-lekar .inside-article .entry-content > ol{
  grid-column: 1 / -1 !important;
}

/* Give BIOGRAFIJA title more breathing room */
.single-lekar .entry-content > p:first-of-type{
  padding-top: 64px !important;
}

/* =========================
   Mobile: stack everything
========================= */
@media (max-width: 980px){
  .single-lekar .inside-article{
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }

  .single-lekar .inside-article > .featured-image{
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .single-lekar .inside-article > .entry-header{
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-top: 18px !important;
  }

  .single-lekar .inside-article section.lekar-hero{
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin-top: 0 !important; /* no overlap on mobile */
  }

  .single-lekar .inside-article .entry-content > *{
    grid-column: 1 !important;
  }
}



/* Right column spacing */
.single-lekar .entry-header h1.entry-title{
  margin-bottom: 32px;
}

.single-lekar .lekar-header-meta__title{
  margin-bottom: 34px;
  font-weight: 600;
}

.single-lekar .lekar-header-meta__bio{
  margin-top: 32px;
}

/* Light green short description (right column) */
.single-lekar .lekar-header-meta__bio{
  background: var(--mp-brand-soft);
  padding: 18px 20px;
  border-radius: 6px;
  line-height: 1.6;
}


/* BIOGRAFIJA title improvements */
.single-lekar .entry-content > p:first-of-type::before{
  font-size: 16px;        /* was 14px */
  letter-spacing: .18em;
}

/* More breathing room above biography section */
.single-lekar .entry-content > p:first-of-type{
  padding-top: 64px;      /* was 56px */
}

 /* Specializations list (pills) */
.lekar-spec-list{
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lekar-spec-list__item{
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15); /* looks good on dark green */
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
}


/* Make the page header area a 2-column grid: image left, text right */
.single-lekar .inside-article{
  display: grid;
  grid-template-columns: 520px 1fr;
  column-gap: 48px;
  align-items: start;
}

/* Left column: featured image + green bar */
.single-lekar .featured-image.page-header-image-single{
  grid-column: 1;
}
.single-lekar .lekar-hero{
  grid-column: 1;
}

/* Right column: entry header meta + chips */
.single-lekar .entry-header{
  grid-column: 2;
}

/* Chips block under the right short bio */
.single-lekar .lekar-spec-right{
  grid-column: 2;
  margin-top: 14px;
	 margin-bottom: 14px;
}

/* Specialty line in green bar */
.lekar-hero__spec--single{
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
  opacity: .95;
}

/* Chips styling (keep your existing if you already added it) */
.lekar-spec-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.lekar-spec-list__item{
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.08);   /* for right column on white */
  color: #111;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
}

/* Mobile: stack */
@media (max-width: 980px){
  .single-lekar .inside-article{
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  .single-lekar .featured-image.page-header-image-single,
  .single-lekar .lekar-hero,
  .single-lekar .entry-header,
  .single-lekar .lekar-spec-right{
    grid-column: 1;
  }
}



.single-lekar .lekar-spec-right{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.single-lekar .lekar-chip{
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: #eef2f3;
  font-size: 14px;
  line-height: 1;
}

.single-lekar .inside-article > .featured-image{
  margin-top: 8px;
}



/* =========================
   MOBILE FIXES (<=980px)
   - Green bar overlaps image like desktop
   - Remove duplicate top title (keep green bar title)
========================= */
@media (max-width: 980px){

  /* Stack order: image -> overlapped green bar -> header meta -> chips -> content */
  .single-lekar .inside-article{
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }

  .single-lekar .inside-article > .featured-image{
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
  }

  /* Make green bar overlap image bottom */
  .single-lekar .inside-article section.lekar-hero{
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-top: calc(-1 * var(--mp-bar-overlap)) !important; /* overlap like desktop */
    z-index: 5 !important;
    width: 100% !important;
  }

  /* Put the right "meta" block under the overlapped bar */
  .single-lekar .inside-article > .entry-header{
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin-top: 18px !important;
  }

  .single-lekar .inside-article .lekar-spec-right{
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin-top: 12px !important;
  }

  /* Content follows */
  .single-lekar .inside-article .entry-content > *{
    grid-column: 1 !important;
  }

  /* IMPORTANT:
     Hide the duplicate big title on mobile (keep the green bar name) */
  .single-lekar .entry-header h1.entry-title{
    display: none !important;
  }
}



.mp-lekar-card{
  display:block;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  height:100%;
}
.mp-lekar-card__media img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}
.mp-lekar-card__ph{
  width:100%;
  height:220px;
  background:#eef2f3;
}
.mp-lekar-card__body{ padding:14px 14px 16px; }
.mp-lekar-card__name{ font-weight:700; color:#111; line-height:1.25; }
.mp-lekar-card__spec{ margin-top:6px; color:rgb(0,120,139); font-weight:600; font-size:14px; }


/* Allow peek outside the track */
.mp-lekari,
.mp-lekari .splide__track,
.mp-lekari .splide__list{
  overflow: visible !important;
}

/* Give space so the next card can be seen */
@media (max-width: 980px){
  .mp-lekari .splide__track{
    padding-right: 16px !important; /* makes the "peek" obvious */
  }
}


/* =========================
   CTA SECTION – Moja Poliklinika
========================= */

:root{
  --mp-brand: rgb(0,120,139);
  --mp-brand-soft: #F5F5F5;
}

/* Whole CTA section wrapper */
.oNama, .umetak {
  background: var(--mp-brand-soft);
  padding: 20px 30px 20px;
  border-radius: 18px;
  max-width: 900px;
  margin: 80px auto 30px;
  font-size: 18px;
  line-height: 1.8;
  color: #2b2b2b;
}

/* First emphasized sentence */
.entry-content > p em{
  font-style: normal;
  font-weight: 700;
  color: var(--mp-brand);
  display: inline-block;
  margin-bottom: 14px;
  font-size: 20px;
}

/* Strong text */
.entry-content > p strong{
  font-weight: 600;
}

/* Button wrapper */
.wp-block-buttons{
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}

/* CTA button */
.wp-block-button__link{
  background: var(--mp-brand) !important;
  color: #fff !important;
  padding: 22px 30px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .05em;
  display: inline-flex !important;
  flex-direction: column !important;   /* 2 rows */
  align-items: center;
  justify-content: center;
  line-height: 1.4;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  transition: all .25s ease;
}

/* First row (POZOVITE NAS) */
.wp-block-button__link{
  text-align: center;
	text-transform: inherit;
}

/* Make phone number smaller */
.wp-block-button__link br{
  display: block;
}

.wp-block-button__link{
  font-size: 14px;
}

.wp-block-button__link::first-line{
  font-size: 14px;
  letter-spacing: .12em;
}

/* Hover effect */
.wp-block-button__link:hover{
  background: rgb(0,105,122) !important;
  transform: translateY(-3px);
  box-shadow: 0 16px 30px rgba(0,0,0,.12);
}


@media (max-width: 768px) {
	.wp-block-button {
		width: 100%;
		
	}
	
	
	.wp-block-button__link {
		padding: 12px 18px !important;
	}
}


/* =========================
   FEATURED SERVICES CARDS
========================= */

:root{
  --mp-brand: rgb(0,120,139);
  --mp-brand-soft: #F5F5F5;
}

/* Whole services row spacing */
.wp-block-columns:has(.wp-block-media-text){
  margin: 80px 0;
}

/* Each service column */
.wp-block-columns .wp-block-column{
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Card styling */
.wp-block-media-text{
  background: #fff;
  padding: 28px 26px;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
  transition: all .25s ease;
  cursor: pointer;
}

/* Light soft green hover */
.wp-block-media-text:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(0,0,0,.12);
  background: var(--mp-brand-soft);
}

/* Icon styling */
.wp-block-media-text__media img{
  width: 60px !important;
  height: 60px !important;
  object-fit: contain;
  transition: transform .25s ease;
}

/* Slight icon animation */
.wp-block-media-text:hover img{
  transform: scale(1.08);
}

/* Service title */
.wp-block-media-text__content p, .serviceHP {
  margin: 0;
  font-size: 18px !important;
  font-weight: 600;
  color: var(--mp-brand) !important;
  transition: color .2s ease;
}

/* Slight darker on hover */
.wp-block-media-text:hover .wp-block-media-text__content p{
  color: rgb(0,95,110);
}

/* Remove inline grid-template override issues */
.wp-block-media-text{
  grid-template-columns: 70px auto !important;
  align-items: center;
}



/* ===== FAQ SECTION WRAPPER ===== */
.wp-block-accordion {
  background: var(--mp-brand); /*rgba(0,120,139,.04); */
  padding: 60px 0;
	 border-radius: 10px;
}


/* ===== Accordion item styling ===== */
.wp-block-accordion-item {
  background: #fff;
  border-radius: 10px;
  margin: 0 30px 18px 30px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.04);
  transition: all .25s ease;
	overflow: hidden;
}

.wp-block-accordion-item:hover {
  box-shadow: 0 10px 24px rgba(0,0,0,0.06);
	 border-radius: 10px;
}


.wp-block-accordion-heading__toggle {
  width: 100%;
  text-align: left;
  padding: 0 28px;
  background: transparent;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: #111;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color .2s ease;
}


.wp-block-accordion-heading__toggle:hover {
  background: #f5f5f5 !important; /* light grey */
	color: black;
	text-decoration: none;
}


.wp-block-accordion-heading__toggle-icon {
  font-size: 22px;
  font-weight: 400;
  color: var(--mp-brand);
  transition: transform .25s ease;
}


.wp-block-accordion-panel {
  padding: 0 28px 24px 28px;
  color: #555;
  line-height: 1.7;
  font-size: 16px;
}


:root{
  --mp-brand: rgb(0,120,139);
  --mp-brand-soft: #F5F5F5;
}



.mp-promo-price{
  display: inline-block;
  color: black;
  padding: 8px 18px;
  border-radius: 40px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .5px;
}


/* PROMO CENA green badge */
.promo-cena {
  display: inline-block;
  background: var(--mp-brand);
  color: #fff;
  padding: 8px 16px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .04em;
  margin: 12px 0 18px 0;
}

/* Green underline for all H2 */
.wp-block-heading:is(h2),
h2.wp-block-heading {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 32px;
	font-weight: 800;
}

.wp-block-heading:is(h2)::after,
h2.wp-block-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70px;              /* length of line */
  height: 3px;              /* thickness */
  background: var(--mp-brand);
  border-radius: 2px;
}


.wp-block-heading.has-text-align-center::after {
  left: 50%;
  transform: translateX(-50%);
}


.lekari {
background: var(--mp-brand-soft);
	padding: 40px;
}



/* ===== MAIN FOOTER BACKGROUND ===== */
.site-footer {
  background: var(--mp-brand);
  color: #fff;
  padding-top: 60px;
  padding-bottom: 40px;
}

/* Make all footer text white */
.site-footer p,
.site-footer li,
.site-footer h4,
.site-footer a {
  color: #fff;
}

/* Remove default link underline */
.site-footer a {
  text-decoration: none;
  transition: opacity .2s ease;
}

.site-footer a:hover {
  opacity: .75;
}

/* Footer columns spacing */
.site-footer .footer-widget-1,
.site-footer .footer-widget-2,
.site-footer .footer-widget-3 {
  padding: 0 20px;
}

/* Footer headings */
.site-footer h4,
.site-footer .wp-block-heading {
  margin-bottom: 18px;
  font-weight: 600;
}

.site-footer .wp-block-image img {
  width: 328px;
  object-fit: contain;
  transition: transform .2s ease, opacity .2s ease;
}

.site-footer .wp-block-image img:hover {
  transform: scale(1.1);
  opacity: .85;
}

.site-footer .footer-widget-1 img.wp-image-14 {
  max-width: 200px;
  margin-bottom: 20px;
}

.site-info {
  background: rgba(0,0,0,.15);
  color: #fff;
  padding: 18px 0;
}

.site-info a {
  color: #fff;
  opacity: .85;
}

.site-info a:hover {
  opacity: 1;
}

.site-footer::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,.15);
  margin-top: 40px;
}


.footer-widgets {
	 background: var(--mp-brand);
}

aside#block-8.widget.inner-padding.widget_block.widget_media_image, 
aside#block-11.widget.inner-padding.widget_block {
	padding: 0 !important;
}


.single-usluga .usluga-hero__inner{
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: 40px;
  align-items: center;
}


.single-usluga .usluga-sidebar{
  position: sticky;
  top: 120px;
}

.usluga-osiguranja{
  margin-top: 60px;
  padding: 40px;
  background: var(--mp-brand-soft);
  border-radius: 10px;
}

.usluga-team-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}



.usluga-toc{
  background: #f9fbfc;
  padding: 24px;
  border-radius: 10px;
  border: 1px solid #eee;
}

.usluga-toc h3{
  margin-bottom: 18px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--mp-brand);
}

.usluga-toc-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.usluga-toc-list li{
  margin-bottom: 10px;
}

.usluga-toc-link{
  text-decoration: none;
  font-size: 15px;
  color: #333;
  transition: all .2s ease;
}

.usluga-toc-link:hover{
  color: var(--mp-brand);
}

.usluga-toc-link.active{
  color: var(--mp-brand);
  font-weight: 600;
}

.mp-toc{
  position: sticky;
  top: 120px;
  background: #fff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.mp-toc ul{
  list-style: none;
  padding: 0;
  margin-top: 16px;
}

.mp-toc li{
  margin-bottom: 10px;
}

.mp-toc a{
  text-decoration: none;
  color: rgb(0,120,139); 
  font-weight: 500;
}



/* Wrapper */
.usluga-reviewed {
  margin-bottom: 40px;
  text-align: center;
}

/* Label */
.usluga-reviewed__label {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 50px;
  color: #111;
}

/* Link wrapper */
.usluga-reviewed__item {
 /* position: relative; */
  display: inline-block;
  text-decoration: none;
}

/* Image (portrait card look) */
.usluga-reviewed__img {
  width: 200px !important;
  height: 200px !important;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
  display: block;
}

/* Blue badge */
.usluga-reviewed__badge {
  position: absolute;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
  background: var(--mp-brand);
  color: #fff;
  padding: 18px 18px 18px 70px;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  text-align: left;
  min-width: 220px;
	margin-bottom: 30px;
}

/* White icon circle */
.usluga-reviewed__badge::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 50%;
}

/* Name */
.usluga-reviewed__title {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

/* Subtitle */
.usluga-reviewed__subtitle {
  display: block;
  font-size: 12px;
  opacity: 0.85;
  margin-top: 4px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Add space under card because badge overflows */
.usluga-reviewed {
  padding-bottom: 40px;
}

/* Wrapper spacing */
.wp-block-columns.tegobe {
  gap: 30px;
  margin: 40px 0;
}

/* Card style */
.wp-block-columns.tegobe > .wp-block-column {
  background: var(--mp-brand-soft);
  padding: 30px;
  border: 1px solid #e6ecf2;
  border-radius: 14px;
  transition: all 0.3s ease;
  position: relative;
}

/* Heading */
.wp-block-columns.tegobe h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1c2b3a;
  margin-bottom: 15px;
}

/* Paragraph */
.wp-block-columns.tegobe p {
  font-size: 15px;
  line-height: 1.7;
  color: #4a5568;
}

/* Hover effect */
.wp-block-columns.tegobe > .wp-block-column:hover {
  background: #ffffff;
  border-color: var(--mp-brand);
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  transform: translateY(-4px);
}

/* Accent left border */
.wp-block-columns.tegobe > .wp-block-column::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: transparent;
  border-radius: 14px 0 0 14px;
  transition: background 0.3s ease;
}

.wp-block-columns.tegobe > .wp-block-column:hover::before {
  background: var(--mp-brand);
}


/* Wrapper */
.wp-block-columns.pregled {
  position: relative;
  margin: 50px 0;
  padding-left: 40px;
}

/* Vertical line */
.wp-block-columns.pregled::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #dbe3ec;
}

/* Each row */
.wp-block-columns.pregled {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

/* Step container */
.wp-block-columns.pregled > .wp-block-column:first-child {
  flex: 0 0 180px;
  position: relative;
  font-weight: 600;
}

/* Circle marker */
.wp-block-columns.pregled > .wp-block-column:first-child::before {
  content: "";
  position: absolute;
  left: -34px;
  top: 6px;
  width: 14px;
  height: 14px;
  background: var(--mp-brand);
  border-radius: 50%;
  box-shadow: 0 0 0 4px #f4f7fa;
}

/* Step title */
.wp-block-columns.pregled h3 {
  margin: 0;
  font-size: 18px;
  color: #1c2b3a;
}

/* Description column */
.wp-block-columns.pregled > .wp-block-column:last-child {
  flex: 1;
  background: var(--mp-brand-soft);
  padding: 20px 25px;
  border-radius: 10px;
  border: 1px solid #e6ecf2;
  transition: all 0.3s ease;
}

/* Hover effect */
.wp-block-columns.pregled > .wp-block-column:last-child:hover {
  background: #ffffff;
  border-color: var(--mp-brand);
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
}

.usluga-tab__title {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}


.usluga-tab-anchor{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}


.usluga-tabs{
  margin-top: 18px;
}
.usluga-tabs__inner{
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
}
.usluga-tab{
  appearance: none;
  border: 0;
  background: var(--mp-brand-soft);
  color: var(--mp-brand);
  font-weight: 700;
  padding: 12px 22px;
  border-radius: 12px;
  cursor: pointer;
}
.usluga-tab.is-active{
  background: var(--mp-brand);
  color:#fff;
}
.usluga-tabpanel{
  display:none;
  margin-top: 26px;
}
.usluga-tabpanel.is-active{
  display:block;
}


/* Whole page 2-col layout */
.single-usluga .usluga-shell {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px;
}



.single-usluga .usluga-shell__main {
  min-width: 0; /* prevents overflow */
}

/* Sticky column */
.single-usluga .usluga-shell__sidebar {
  position: sticky;
  top: 24px; /* adjust if you have a sticky header */
  align-self: start;
}

/* Mobile */
@media (max-width: 900px) {
  .single-usluga .usluga-shell__grid {
    grid-template-columns: 1fr;
  }
  .single-usluga .usluga-shell__sidebar {
    position: static;
    top: auto;
  }
	
	
  .usluga-tabs__inner {
    display: flex;
  }

  .usluga-tab {
    flex: 1;              /* each takes equal width */
    text-align: center;
  }

	
}



/* =========================
   Vertical tabs for .usluge rows
   ========================= */

.usluge-vtabs {
  display: flex;
  gap: 24px;
  align-items: stretch;
  width: 100%;
	color: black !important;
}

.usluge-vtabs__nav {
  flex: 0 0 280px;
  padding: 12px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  background: #fff;
}

.usluge-vtabs__tablist {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.usluge-vtabs__tab {
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  text-align: left;
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.2;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
	color: black !important;
}

.usluge-vtabs__tab:hover {
  background: rgba(0,0,0,.04);
  border-color: var(--mp-brand);
}

.usluge-vtabs__tab[aria-selected="true"] {
  background: var(--mp-brand-soft);
  border-color: var(--mp-brand);
}

.usluge-vtabs__tab:focus-visible {
  outline: 2px solid rgba(99, 102, 241, .65);
  outline-offset: 2px;
}

.usluge-vtabs__panelWrap {
  flex: 1 1 auto;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  background: #fff;
  padding: 20px 22px;
  min-height: 100%;
}

/* optional: if you don't want the H2 repeated inside the panel visually,
   but still want it for TOC/anchors, uncomment this:
*/
/*
.usluge-vtabs__panel .wp-block-heading {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
*/

.usluge-vtabs__panel[hidden] { display: none !important; }

/* Mobile: stack */
@media (max-width: 900px) {
  .usluge-vtabs {
    flex-direction: column;
  }
  .usluge-vtabs__nav {
    flex: 1 1 auto;
  }
}

.usluge .wp-block-heading:is(h2), h2.wp-block-heading {
	padding-bottom: 0;
	margin-bottom: 0;
	margin: 30px 0;
}


.usluga-toc-list {
  list-style: none;
  padding-left: 0;
}

.usluga-toc-list > li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 6px;
}

.usluga-toc-list > li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--mp-brand);
  font-weight: 700;
	padding: 8px 0;
}


/* Sidebar stop: hide completely after stop marker */
.js-usluga-sidebar.is-stopped{
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* New sidebar blocks (won't affect TOC/author look unless you want) */
.usluga-side-block{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.usluga-side-block.usluga-side-cta {
	box-shadow: none;
	border: none !important;
background: none;
margin: 30px 0;
	  border-radius: 12px;
}

.usluga-side-block__title{
  font-weight: 700;
  margin-bottom: 10px;
}

/* CTA button */
.usluga-cta-btn, .usluga-cta-phone {
  display: block;
	text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 14px;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid rgba(0,0,0,.12);
  background: var(--mp-brand);
  color: #fff;
	 border-radius: 12px;
}

/* Price */
.usluga-price{
  display: flex;
  gap: 6px;
  align-items: baseline;
  font-size: 18px;
}
.usluga-price__value{ font-size: 28px; font-weight: 800; line-height: 1; }
.usluga-price__note{ margin-top: 8px; font-size: 14px; opacity: .75; }

/* Payments list */
.usluga-payments-list{
  margin: 0;
  padding-left: 18px;
}
.usluga-payments-list li{ margin: 6px 0; }



/* The grid/wrapper that contains both content + sidebar MUST be relative */
.usluga-shell,
.usluga-grid {
  position: relative;
}

/* Your sticky sidebar (normal state) */
.js-usluga-sidebar {
  position: sticky;
  top: 24px; /* adjust */
}

/* When we "stop" it, we pin it inside its column */
.js-usluga-sidebar.is-stopped {
  position: absolute;
  top: var(--mp-sidebar-stop-top, 0px);
}



/* =========================
   SIDEBAR – Mojapoliklinika
   ========================= */

.usluga-shell__sidebar{
  --c-primary: var(--mp-brand);
  --c-primary-soft: var(--mp-brand-soft);
  --c-text: #0f172a;
  --c-muted: #64748b;
  --c-border: rgba(0,0,0,.08);
  --c-surface: #ffffff;
  --c-price-bg: #f5f7f7;
  --radius: 12px;

  display: grid;
  gap: 14px;
}

/* Base block */
.usluga-shell__sidebar .usluga-side-block{
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  overflow: hidden;
  transition: all .2s ease;
}

/* Block title */
.usluga-shell__sidebar .usluga-side-block__title{
  font-weight: 700;
  font-size: 18px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--c-border);
}



/* =====================
   Pišite nam
   ===================== */

.usluga-side-contact .usluga-side-link{
  display: block;
  padding: 14px 16px;
  text-decoration: none;
  font-weight: 700;
  color: var(--c-primary);
/*  background: var(--c-primary-soft); */
  border-radius: var(--radius);
  transition: all .2s ease;
}

.usluga-side-contact .usluga-side-link img.emoji{
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.usluga-side-contact .usluga-side-link:hover{
  background: var(--c-primary);
  color: #fff;
}

.usluga-side-contact .usluga-side-link:hover img.emoji{
  filter: brightness(0) invert(1);
}

/* =====================
   Cena usluge
   ===================== */

.usluga-side-price{
  padding-bottom: 14px;
}

.usluga-price{
  margin: 14px;
  padding: 14px;
  text-align: center;
  background: var(--c-price-bg);
  border-radius: 10px;
}

.usluga-price__from{
  font-weight: 700;
  color: var(--c-muted);
  margin-right: 6px;
}

.usluga-price__value{
  font-size: 28px;
  font-weight: 900;
  color: var(--c-text);
}

.usluga-price__currency{
  font-weight: 700;
  color: var(--c-muted);
  margin-left: 6px;
}

/* =====================
   Načini plaćanja
   ===================== */

.usluga-payments-list{
  list-style: none;
  padding: 12px 14px 16px;
  margin: 0;
  display: grid;
  gap: 8px;
}

.usluga-payments-list li{
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--c-primary-soft);
  font-weight: 600;
  color: var(--c-primary);
  transition: all .2s ease;
}

.usluga-payments-list li:hover{
  background: var(--c-primary);
  color: #fff;
}

/* =====================
   Osiguranja
   ===================== */

.usluga-side-insurance{
  padding-bottom: 16px;
}

.usluga-side-insurance p{
  padding: 12px 16px;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--c-text);
}

.usluga-shell__grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 24px;
  align-items: start;
}

/* Sticky radi samo dok traje .usluga-shell__grid (tj. .usluga-shell) */
.usluga-shell__sidebar{
  position: sticky;
  top: 24px;
  align-self: start;
  height: fit-content;
}

.usluga-fullwidth{
  width: 100%;
}





/* FULL WIDTH section: keep it full width, but content centered like the rest */
.single-usluga .usluga-fullwidth{
  width: 100%;
  margin: 0;
}

.single-usluga .usluga-fullwidth > .usluga-team,
.single-usluga .usluga-fullwidth > .usluga-related,
.single-usluga .usluga-fullwidth > .usluga-reusable{
  max-width: 1200px;            /* uskladi sa tvojim layoutom */
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.usluga-team {
	overflow: hidden;
}


/* =========================
   TIM LEKARA SECTION
========================= */
h2#tim-lekara, h2#povezane-usluge, h2#iskustva-nasih-klijenata,  h2#kako-do-nas {
	margin-bottom: 50px;
	margin-top: 50px;
}

.usluga-team h3 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
}

/* Grid layout */
.usluga-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
}

.single-usluga .usluga-related{
  margin-top: 48px;
}

.single-usluga .usluga-related-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
	margin-bottom: 50px;
}

@media (max-width: 900px){
  .single-usluga .usluga-related-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .single-usluga .usluga-related-grid{ 
	  grid-template-columns: 1fr; 
	}
}

.single-usluga .usluga-related-card{
  display: block;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
	width: 250px;
	padding: 40px;
}

.single-usluga .usluga-related-card__media img{
  width: 100%;
  height: auto;
  display: block;
}

.single-usluga .usluga-related-card__title{
  padding: 12px 1px;
  font-weight: 700;
  color: #111;
}

.single-usluga .usluga-doc-card:hover,
.single-usluga .usluga-related-card:hover{
  border-color: var(--mp-brand, var(--mp-brand-soft));
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
}


/* =========================
   BRAND VARIABLES
   ========================= */
:root {
 
  --mp-brand-soft: #F5F5F5;

}
/* Pill buttons */
.mp-topicon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  background: var(--mp-brand-soft);
  color: var(--mp-brand);
  transition: transform .15s ease, background .15s ease, color .15s ease;
  white-space: nowrap;
}

/* Icon */
.mp-topicon__ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}

/* Make SVG follow text color */
.mp-topicon__ico svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: currentColor;
}

/* Hover */
.mp-topicon:hover {
  background: var(--mp-brand-soft-2);
  transform: translateY(-1px);
}

/* CTA variant */
.mp-topicon--cta {
  background: var(--mp-brand);
  color: #fff !important;
}

.mp-topicon--cta:hover {
  background: var(--mp-brand-soft);
}

/* Remove focus outline ugliness but keep accessibility */
.mp-topicon:focus-visible {
  outline: 2px solid var(--mp-brand);
  outline-offset: 2px;
}

/* Responsive: center and wrap */
@media (max-width: 768px) {
  .mp-topicons {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  .mp-topicon {
    font-size: 13px;
    padding: 7px 7px !important;
  }
	
	.inside-header.grid-container > .site-logo {
  flex: 0 0 auto !important;
  order: 1 !important;
  margin-right: auto !important;
  margin-top: 6px !important;
}
}




/* Dropdown arrow color */
#site-navigation .dropdown-menu-toggle .gp-icon,
#site-navigation .dropdown-menu-toggle svg {
  color: currentColor;
  fill: currentColor;
  opacity: .8;
}

/* Better focus for keyboard */
#site-navigation a:focus-visible {
  outline: 2px solid var(--mp-brand);
  outline-offset: 2px;
  border-radius: 10px;
}

/* Mobile: keep readable */
@media (max-width: 768px) {
  #site-navigation .inside-navigation {
    justify-content: flex-start !important;
  }

  #site-navigation .main-nav > ul {
    justify-content: flex-start !important;
  }

  #site-navigation .main-nav > ul > li > a {
    border-radius: 12px;
  }

  #site-navigation .main-nav ul ul.sub-menu {
    box-shadow: none;
    border-radius: 10px;
  }
}

/* =========================
   GLOBAL: font + link reset
========================= */
.site-header,
.site-header * {
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.site-header a {
  text-decoration: none !important;
  color: inherit;
}

/* =========================
   TOP ICON BAR (mp-topicons)
========================= */
.header-widget {
  width: 100%;
}

.mp-topicons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 8px 0;
}

.mp-topicon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  background: var(--mp-brand-soft);
  color: var(--mp-brand-soft);
  transition: all .15s ease;
}

.mp-topicon:hover {
  background: var(--mp-brand-soft);
  transform: translateY(-1px);
}

.mp-topicon__ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mp-topicon__ico svg {
  display: block;
}

.mp-topicon--cta {
  background: #1F3E53FF !important;
  color: white !important;
}

.mp-topicon--cta .mp-topicon__txt,
.mp-topicon--cta svg {
  color: white !important;
  fill: currentColor;
}

.mp-topicon--cta:hover {
  background: rgb(0, 100, 116);
}

/* =========================
   HEADER LAYOUT
========================= */



/* Desktop layout */
@media (min-width: 769px) {
  .inside-header > .site-logo {
    order: 1;
    margin-right: auto;
  }

  .inside-header > #site-navigation {
    order: 1;
    margin-left: auto;
  }

  /* Hide the extra mobile toggle wrapper on desktop */
  #mobile-menu-control-wrapper {
    display: none !important;
  }

  /* Make sure nav aligns right */
  #site-navigation .inside-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
	
span.dropdown-menu-toggle {
		padding-right: 0 !important;
	}
	
}

/* Mobile layout */
@media (max-width: 768px) {
  /* stack order */
  .inside-header > .site-logo { order: 1; }
  #mobile-menu-control-wrapper { order: 1; }
  .inside-header > .header-widget { order: 3; }
  #site-navigation { order: 4; width: 100%; }

  /* center top icons + allow wrap */
  .mp-topicons {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .mp-topicon {
    padding: 7px 12px;
    font-size: 13px;
  }

  /* Hide menu items until hamburger toggles nav 
  #site-navigation:not(.toggled) .main-nav { display: none !important; }
  #site-navigation.toggled .main-nav { display: block !important; } */

  /* Remove Zakažite on mobile */
  .mp-topicon--cta { display: none !important; }
}

/* =========================
   MENU STYLING (no "native blue", nicer submenu)
========================= */

/* Top-level menu links */
.main-navigation .main-nav > ul > li > a {
  color: rgb(0, 120, 139) !important;
  font-weight: 600;
}

/* Hover/active */
.main-navigation .main-nav > ul > li:hover > a,
.main-navigation .main-nav > ul > li.current-menu-item > a,
.main-navigation .main-nav > ul > li.current_page_item > a {
  color: rgb(0, 100, 116) !important;
}

/* Submenu box */
.main-navigation ul ul.sub-menu {
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 8px 0;
  border: 1px solid rgba(0,0,0,.06);
}

/* Submenu items */
.main-navigation ul ul.sub-menu a {
  color: rgb(0, 120, 139) !important;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 14px;
}

/* Submenu hover */
.main-navigation ul ul.sub-menu li:hover > a,
.main-navigation ul ul.sub-menu li.current-menu-item > a {
  background: var(--mp-brand-soft) !important;
}

/* Avoid visited color overrides */
.main-navigation a:visited {
  color: inherit;
}


/* =========================
   Usluge lista (Ginekologija)
========================= */

.usluge-list {
  margin: 8px 0 0 0;
  padding-left: 18px;
}

.usluge-list li {
  font-size: 14px;
  line-height: 1.6;
  color: #111; /* crna */
  margin-bottom: 6px;
  font-weight: 400;
}

/* Elegantniji bullet */
.usluge-list li::marker {
  color: rgb(0,120,139); /* može i crna ako želiš */
  font-size: 12px;
}

.wp-block-media-text__content ul {
		margin: 0 0 1.5em 1em;
	}


@media (max-width: 768px) {
  .wp-block-media-text.is-stacked-on-mobile {
    text-align: left;
  }
	
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		padding: 8%;
	}
}


/* =========================
   VREDNOSTI SECTION
========================= */

/* Sekcija padding */
.vrednosti {
  padding: 60px;
  gap: 30px;
  align-items: stretch;
	border-radius: 20px;
}



.vrednosti h2 {
  font-size: 28px;
  font-weight: 600;
  color: rgb(0,120,139);
  margin: 0;
  text-align: center;
}

/* Value cards */
.vrednosti > .wp-block-column {
  background: #fff;
  padding: 28px;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Hover subtle */
.vrednosti > .wp-block-column:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
}

/* h4 styling */
.vrednosti h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #111;
}

/* Paragraph styling */
.vrednosti p {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
  margin: 0;
}

/* =========================
   MOBILE ADAPTATION
========================= */

@media (max-width: 768px) {

  .vrednosti {
    padding: 40px 0;
  }

  .vrednosti > .wp-block-column:first-child {
    margin-bottom: 20px;
  }

  .vrednosti > .wp-block-column:not(:first-child) {
    margin-bottom: 20px;
  }

  .vrednosti h2 {
    font-size: 24px;
  }
}



/* =========================
   CENOVNIK – GINEKOLOGIJA
========================= */

.ceneGinekologija {
  background: var(--mp-brand-soft);
  padding: 40px 30px;
  border-radius: 20px;
  margin: 40px 0;
}

/* Svaka stavka */
.ceneGinekologija p:not(:last-child) {
  font-size: 15px;
  padding: 12px 0;
  margin: 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Cena malo jača */
.ceneGinekologija p strong,
.ceneGinekologija p b {
  font-weight: 600;
}

/* Cena format (din.) */
.ceneGinekologija p {
  color: #222;
  font-weight: 500;
}

/* Poslednja 2 info paragrafa odvojena */
.ceneGinekologija p em,
.ceneGinekologija p strong em {
  font-size: 13px;
  display: block;
  margin-top: 20px;
  color: #555;
  line-height: 1.6;
  border-bottom: none;
}

/* Ukloni border za info deo */
.ceneGinekologija p:last-child,
.ceneGinekologija p:nth-last-child(2) {
  border-bottom: none;
  display: block;
  padding-top: 20px;
}


.ceneGinekologija {
	padding: 0;
}



/* =========================
   WPForms #241 – Moja poliklinika styling
========================= */

#wpforms-241 {
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Wrapper */
#wpforms-241.wpforms-container {
  margin: 0;
}

/* Labels */
#wpforms-241 .wpforms-field-label {
  font-size: 13px;
  font-weight: 600;
  color: #1f2a2e;
  margin-bottom: 6px;
}

/* Required asterisk */
#wpforms-241 .wpforms-required-label {
  color: #c0392b;
  font-weight: 700;
}

/* Inputs + textarea */
#wpforms-241 input[type="text"],
#wpforms-241 input[type="email"],
#wpforms-241 input[type="tel"],
#wpforms-241 textarea {
  width: 100%;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 14px;
  color: #102025;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
  transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
  outline: none;
}

/* Textarea height */
#wpforms-241 textarea {
  min-height: 140px;
  resize: vertical;
}

/* Focus state */
#wpforms-241 input[type="text"]:focus,
#wpforms-241 input[type="email"]:focus,
#wpforms-241 input[type="tel"]:focus,
#wpforms-241 textarea:focus {
  border-color: var(--mp-brand-soft);
  box-shadow: 0 0 0 4px rgba(0,120,139,.12);
}

/* Field spacing */
#wpforms-241 .wpforms-field {
  margin-bottom: 14px;
}

/* Submit button */
#wpforms-241 .wpforms-submit-container {
  margin-top: 10px;
}

#wpforms-241 button.wpforms-submit {
  background: var(--mp-brand);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 12px 18px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2px;
  cursor: pointer;
  transition: background .15s ease, transform .05s ease, box-shadow .15s ease;
  box-shadow: 0 10px 26px rgba(0,0,0,.10);
}

#wpforms-241 button.wpforms-submit:hover {
  background: rgb(0,100,116);
  transform: translateY(-1px);
}

#wpforms-241 button.wpforms-submit:active {
  transform: translateY(0);
}

/* Validation errors */
#wpforms-241 .wpforms-error {
  font-size: 12px;
  color: #c0392b;
  margin-top: 6px;
}

/* If WPForms adds red border */
#wpforms-241 input.wpforms-error,
#wpforms-241 textarea.wpforms-error {
  border-color: rgba(192,57,43,.6) !important;
  box-shadow: 0 0 0 4px rgba(192,57,43,.10) !important;
}

/* Mobile */
@media (max-width: 768px) {
  #wpforms-241 input[type="text"],
  #wpforms-241 input[type="email"],
  #wpforms-241 textarea {
    font-size: 14px;
  }

  #wpforms-241 button.wpforms-submit {
    width: 100%;
    justify-content: center;
  }
}


/* Make entire service cover clickable */
.wp-block-cover[class*="service-card-"] {
  position: relative;
}

/* Stretch H3 link to full card */
.wp-block-cover[class*="service-card-"] h3 a {
 /* position: absolute; */
  inset: 0;                /* top:0; right:0; bottom:0; left:0 */
  display: initial;
  z-index: 5;
  text-indent: -9999px;    /* hide duplicate visible text */
	text-decoration: none;
	color: black;
}


/* Target only these service cards */
.wp-block-cover[class*="service-card-"] .wp-block-cover__inner-container{
  position: relative;
}

/* Make H3 row-friendly */
.wp-block-cover[class*="service-card-"] h3.wp-block-heading{
  margin: 0;
  padding-right: 70px; /* space for the arrow button */
}



/* Arrow figure becomes the round button */
.wp-block-cover[class*="service-card-"] .wp-block-image{
  position: relative;
 /* transform: translateY(-50%); */
  margin: 0 !important;

  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #fff;
  display: grid;
  place-items: center;

  box-shadow: 0 10px 28px rgba(0,0,0,.12);
}

/* Arrow image size inside the circle */
.wp-block-cover[class*="service-card-"] .wp-block-image img{
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

/* Nice hover */
.wp-block-cover[class*="service-card-"]:hover .wp-block-image{
/*  transform: translateY(-50%) translateX(4px); */
  transition: transform .2s ease;
}

/* =========================
   HOLTER SECTION (text + accordion)
   Targets: .accList accordion only
========================= */

/* Whole accordion container as a "card" */
.wp-block-accordion.accList {
  background: #fff;
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 16px;
  padding: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

/* Each item */
.wp-block-accordion.accList .wp-block-accordion-item {
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  background: var(--mp-brand-soft);
  margin: 10px 0;
}

/* Heading spacing */
.wp-block-accordion.accList .wp-block-accordion-heading {
  margin: 0;
}

/* Toggle button styling */
.wp-block-accordion.accList .wp-block-accordion-heading__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  background: transparent;
  border: 0;
  cursor: pointer;

  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #0b2f34;
}

/* Title inside */
.wp-block-accordion.accList .wp-block-accordion-heading__toggle-title {
  text-align: left;
  font-weight: 700;
}

/* Icon bubble (+ / -) */
.wp-block-accordion.accList .wp-block-accordion-heading__toggle-icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: var(--mp-brand-soft);
  color: rgb(0,120,139);
  font-weight: 800;
  font-size: 18px;
  line-height: 1;
  flex: 0 0 34px;
}

/* Open state (uses core accordion is-open class) */
.wp-block-accordion.accList .wp-block-accordion-item.is-open {
  background: var(--mp-brand-soft);
  border: 1px solid rgba(0,120,139,0.18);
	border-radius: 10px !important;
}

.wp-block-accordion.accList .wp-block-accordion-item.is-open
.wp-block-accordion-heading__toggle-icon {
  background: var(--mp-brand-soft);
  color: #fff;
	border-radius: 10px !important;
}

/* Panel content */
.wp-block-accordion.accList .wp-block-accordion-panel {
  padding: 0 16px 14px 16px;
  color: #1f1f1f;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

/* Clean up the ugly "·" bullets in your content */
.wp-block-accordion.accList .wp-block-accordion-panel ul {
  margin: 10px 0 0;
  padding-left: 18px;
  list-style: disc;
}

.wp-block-accordion.accList .wp-block-accordion-panel li {
  margin: 8px 0;
}

/* If your list items contain "·" in text, hide it visually */
.wp-block-accordion.accList .wp-block-accordion-panel li::marker {
  color: rgb(0,120,139);
}

/* Links inside panel */
.wp-block-accordion.accList .wp-block-accordion-panel a {
  color: rgb(0,120,139);
  text-decoration: none;
}
.wp-block-accordion.accList .wp-block-accordion-panel a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  #mega-menu-item-254 > .mega-sub-menu > li:first-child > a.mega-menu-link {
    border-radius: 10px !important;
  }
}

/* Desktop: make the left text column read nicer */
@media (min-width: 769px) {
  .wp-block-columns > .wp-block-column:first-child p {
    font-size: 16px;
    line-height: 1.75;
    color: #1f1f1f;
  }
}

/* Mobile: reduce padding a bit */
@media (max-width: 768px) {
  .wp-block-accordion.accList {
    border-radius: 14px;
    padding: 8px;
  }
  .wp-block-accordion.accList .wp-block-accordion-heading__toggle {
    padding: 12px 14px;
    font-size: 15px;
  }
  .wp-block-accordion.accList .wp-block-accordion-panel {
    padding: 0 14px 12px 14px;
    font-size: 14px;
  }
}


.displayNone {
	background: white !important;
	border: none !important;
}


/* =========================
   HEADER DESKTOP LAYOUT
   logo left
   top icons right (row 1)
   menu right (row 2)
========================= */

@media (min-width: 769px) {
  .inside-header.grid-container {
  display: grid !important;
   grid-template-columns: minmax(260px, 0.9fr) minmax(620px, 1.4fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 28px !important;
  align-items: center !important;
}
	
  /* logo left, spans both rows */
  .inside-header.grid-container > .site-logo {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    margin: 0 !important;
    align-self: center !important;
  }

  /* hide mobile toggle on desktop */
  #mobile-menu-control-wrapper {
    display: none !important;
  }

  /* top buttons right, first row */
  .inside-header.grid-container > .header-widget {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
  }

 .mp-topicons {
  display: flex !important;
  justify-content: space-between;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
}

  /* nav right, second row */
  .inside-header.grid-container > #site-navigation {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    align-self: start !important;
  }

  #site-navigation .inside-navigation {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 !important;
  }

  #site-navigation .main-nav {
    margin-left: auto !important;
    width: 100% !important;
  }

  #site-navigation .main-nav > ul {
  display: flex !important;
  justify-content: space-between !important;
  gap: 4px !important;
  width: auto !important;
}
	
  /* menu links */
  #site-navigation .main-nav > ul > li > a {
    padding: 4px 12px !important;
    color: var(--mp-brand) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }

  /* submenu */
  #site-navigation .main-nav ul ul.sub-menu {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.10) !important;
    padding: 8px !important;
  }

  #site-navigation .main-nav ul ul.sub-menu li a {
    color: #0f2a2f !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
  }

  #site-navigation .main-nav ul ul.sub-menu li:hover > a,
  #site-navigation .main-nav ul ul.sub-menu li:focus-within > a {
    background: var(--mp-brand-soft) !important;
    color: var(--mp-brand) !important;
  }
}


p.promo-cena {
	color: white !important;
}

/* =========================
   INSURANCE LOGOS - GALLERY VERSION
========================= */

.mp-insurance-gallery {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding: 16px !important;
  background: var(--mp-brand-soft);
  border-radius: 16px;
  align-items: stretch !important;
  margin: 0 !important;
}

/* each logo card */
.mp-insurance-gallery .wp-block-image {
  flex: 0 0 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  scroll-snap-align: start;
  margin: 0 !important;

  background: #fff;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);

  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  box-sizing: border-box;
}

/* image sizing */
.mp-insurance-gallery .wp-block-image img {
  width: 100% !important;
  height: 52px !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}

/* desktop */
@media (min-width: 981px) {
  .mp-insurance-gallery .wp-block-image {
    flex: 0 0 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    min-height: 95px;
  }

  .mp-insurance-gallery .wp-block-image img {
    height: 48px !important;
  }
	
	.splide__arrow--prev {
left: -20px;
}

	.splide__arrow--next {
		right: -20px;
	}
}

/* mobile */
@media (max-width: 980px) {
  .mp-insurance-gallery .wp-block-image {
    flex: 0 0 72% !important;
    min-width: 72% !important;
    max-width: 72% !important;
    min-height: 110px;
  }

  .mp-insurance-gallery .wp-block-image img {
    height: 54px !important;
  }
}

/* hover */
@media (hover: hover) {
  .mp-insurance-gallery .wp-block-image:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,.10);
    transition: transform .2s ease, box-shadow .2s ease;
  }
}

/* kill crop behavior visually */
.mp-insurance-gallery img {
  object-fit: contain !important;
}

/* Hide horizontal scrollbar but keep scrolling */
.mp-insurance-gallery {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE / old Edge */
	 display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden;
  gap: 20px;
  padding-bottom: 10px; /* space for scrollbar */
}

.mp-insurance-gallery::-webkit-scrollbar {
  height: 8px;
}

.mp-insurance-gallery::-webkit-scrollbar-track {
  background: red !important;
 border-radius: 10px;
}

.mp-insurance-gallery::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}


@media (max-width: 980px) {
.site-header .header-image {
width: 200px;
}
}



/* doctors slider mobile overflow fix */
.lekari,
.mp-lekari,
.mp-lekari .splide__track {
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 980px) {
  .mp-lekari {
    width: 100%;
  }

  .mp-lekari .splide__track {
    padding-right: 0 !important;
  }

  .mp-lekari .splide__list {
    align-items: stretch;
  }

  .mp-lekari .splide__slide {
    box-sizing: border-box;
  }
	
	.umetak {
		padding: 0;
	}
	
	.vrednosti {
		padding-top: 0;
	}
	
	.vrednostiCol1 {
		display: none;
	}
	
	.button1 {
		margin-bottom: 0;
	}
	
	.space {
		display: none;
	}
	
	.usluga-title {
		font-size: 35px;
	}
	
	h2 {
		font-size: 32px;
	}
}


h1 {
	margin-bottom: 50px;
	font-weight: 800;
}



.wp-block-heading.usluga-tab-anchor {
	display: none;
}

.cena {
	margin-bottom: 0 !important;
}


.usluga-tab:hover {
	background-color: #1f3e53;
}


/* Equal-height service cards */
.services-equal-height {
  align-items: stretch !important;
}

.services-equal-height > .wp-block-column {
  display: flex;
}

.services-equal-height .wp-block-media-text {
  width: 100%;
  min-height: 100%;
  display: grid;
  align-items: stretch;
  background: #fff;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  box-sizing: border-box;
}

/* make content fill height */
.services-equal-height .wp-block-media-text__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding: 0 0 0 18px;
}

/* keep media aligned nicely */
.services-equal-height .wp-block-media-text__media {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
}

.services-equal-height .wp-block-media-text__media a {
  display: block;
}

.services-equal-height .wp-block-media-text__media img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  display: block;
}

/* title */
.services-equal-height .serviceHP {
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 600;
  color: rgb(0,120,139);
}

/* list */
.services-equal-height .wp-block-list {
  margin: 0;
  padding-left: 18px;
}

.services-equal-height .wp-block-list li {
  margin-bottom: 8px;
  line-height: 1.55;
  color: #222;
}

/* mobile */
@media (max-width: 768px) {
  .services-equal-height > .wp-block-column {
    display: block;
  }

  .services-equal-height .wp-block-media-text {
    padding: 16px;
  }

  .services-equal-height .wp-block-media-text__content {
    padding-left: 0;
  }
	
	div#n2-ss-2 .n2-font-981d72badf032d4427eab2fb7694e592-hover, div#n2-ss-2 .n2-font-0af36530921563fc2e13e5286b29d17f-hover, div#n2-ss-2 .n2-font-6548dc02fe640ec2b9c3da630005fd67-hover, div#n2-ss-2 .n2-font-cc17ff4dac60a601b5a5810e83ed8a72-hover {
		font-size: 25px !important;
	}
	
	div#n2-ss-2 .n2-font-5eba6eecaa5376c7dd92bf83b47beafd-hover, div#n2-ss-2 .n2-font-f1ef2f10e69d0e58cc1bf9f2186be5a4-hover {
		font-size: 18px !important;
	/*	padding-left: 10px !important; */
	}
	
	.n-uc-hz0FSpL61WSa-inner {
		flex: none !important;
		max-width: none !important;
	}
	
}


.mp-lekar-card__media {
	display: none;
}

.cenovnik p {
	display: flex;
	justify-content: space-between;
}

img {
	border-radius: 20px;
}

/* HOVER STATE – CARD */
.services-equal-height .wp-block-media-text:hover {
  background: #00788B !important;
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(0,0,0,.12);
  transition: all 0.25s ease;
}

/* TITLE ON HOVER */
.services-equal-height .wp-block-media-text:hover .serviceHP {
  color: #fff !important;
}

/* TEXT + LIST ON HOVER */
.services-equal-height .wp-block-media-text:hover .wp-block-list li {
  color: #fff !important;
}

/* LINKS (if any inside) */
.services-equal-height .wp-block-media-text:hover a {
  color: #fff !important;
}

/* OPTIONAL: icon invert if PNG/SVG */
.services-equal-height .wp-block-media-text:hover img {
  filter: brightness(0) invert(1);
}


.vrednosti {
	background-color: #00788B;
}


.akcijaButton {
	justify-content: left;
}

.kalendar p strong, .kalendar li strong, .pregled-meseca p strong,  .ponuda-meseca p strong {
	font-size: 20px;
	color: #00788B;
}


/* Equal height month action columns */
.meseci-akcije {
  align-items: stretch !important;
  gap: 28px;
}

.meseci-akcije > .wp-block-column {
  display: flex;
  flex-direction: column;
  background: #f9fafb;
  padding: 28px 24px;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

/* Push CTA to bottom */
.meseci-akcije .akcijaButton {
  margin-top: auto;
  padding-top: 20px;
}

/* Optional polish */
.meseci-akcije h3 {
  color: rgb(0,120,139);
  margin-bottom: 10px;
}

.meseci-akcije h4 {
  margin-top: 16px;
  margin-bottom: 4px;
}

.meseci-akcije p,
.meseci-akcije li {
  line-height: 1.6;
}

/* Mobile */
@media (max-width: 768px) {
  .meseci-akcije {
    gap: 20px;
  }

  .meseci-akcije > .wp-block-column {
    padding: 22px 18px;
  }
	
	.vrednosti {
		padding: 20px;
	}
}

.meseci-akcije.is-layout-flex {
  align-items: stretch !important;
}

.meseci-akcije.is-layout-flex > .wp-block-column {
  align-self: stretch !important;
}


/* FIRST SLIDE - desktop image */
#n2-ss-2 .n2-ss-slide-background[data-public-id="1"] {
  background-image: url("https://mojapoliklinka.asymmetric.digital/wp-content/uploads/2026/03/prvi-slajd.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* make sure the transparent color layer doesn't interfere */
#n2-ss-2 .n2-ss-slide-background[data-public-id="1"] .n2-ss-slide-background-color {
  background-color: transparent !important;
}

/* FIRST SLIDE - mobile image */
@media (max-width: 768px) {
  #n2-ss-2 .n2-ss-slide-background[data-public-id="1"] {
    background-image: url("https://www.mojapoliklinika.rs/wp-content/uploads/2026/04/MP-1-slajd-mobile.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
  }
	

	.n2-font-5eba6eecaa5376c7dd92bf83b47beafd-hover, .n2-font-4028399f7b3f38f49506e88469821506-hover {
		text-align: center !important;
	}
	
}

.n2-font-4028399f7b3f38f49506e88469821506-hover {
	text-align: left !important;
}

/* =========================
   SMART SLIDER - SLIDE 3
========================= */

/* Desktop image for slide 3 */
#n2-ss-2 .n2-ss-slide-background[data-public-id="3"] {
  background-image: url("https://mojapoliklinka.asymmetric.digital/wp-content/uploads/2026/03/akcije-moja-poliklinika.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* Mobile image for slide 3 */
@media (max-width: 768px) {
  #n2-ss-2 .n2-ss-slide-background[data-public-id="3"] {
    background-image: url("https://mojapoliklinka.asymmetric.digital/wp-content/uploads/2026/03/treci-slajd-mob.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
  }
}

/* make transparent overlay layer stay transparent */
#n2-ss-2 .n2-ss-slide-background[data-public-id="1"] .n2-ss-slide-background-color,
#n2-ss-2 .n2-ss-slide-background[data-public-id="3"] .n2-ss-slide-background-color {
  background-color: transparent !important;
}

/* safety */
#n2-ss-2 .n2-ss-slide-background[data-public-id="1"],
#n2-ss-2 .n2-ss-slide-background[data-public-id="3"] {
  width: 100% !important;
  height: 100% !important;
}


.page-id-288 h1, .akcija {
	text-align: center;
}


/*
@media (min-width: 769px) {
  #mega-menu-item-254 > .mega-sub-menu > #mega-menu-item-624,
  #mega-menu-item-254 > .mega-sub-menu > #mega-menu-item-625 {
    width: calc(33.333% - 10px) !important;
  }
	
} */


@media (min-width: 769px) {
  .inside-header.grid-container {
    display: grid !important;
    grid-template-columns: minmax(160px, 0.9fr) minmax(720px, 1.4fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 28px !important;
    align-items: center !important;
  }

  .mp-topicons {
    gap: 20px !important;
  }

  .mp-topicon {
    padding: 10px 18px !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 110% !important;
 /*   min-width: 920px !important;
    max-width: 1160px !important; */
  }
}


/* DESKTOP: spread top-level menu items across full width */
@media (min-width: 769px) {

  /* nav row full width */
  #site-navigation .inside-navigation {
    width: 100% !important;
  }

  #mega-menu-wrap-primary {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* force menu to use full row width */
  #mega-menu-wrap-primary #mega-menu-primary {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
  }

  /* each top-level item can breathe */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    flex: 1 1 auto !important;
  }

  /* link fills its item and aligns nicely */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
    padding: 6px 10px !important;
    white-space: nowrap !important;
  }
}




@media (min-width: 769px) {
 
	
	.inside-header {
		padding: 20px 0;
	}
	
	
	.has-inline-mobile-toggle {
		display: block !important;
	}
	
	
	}

@media (min-width: 769px) {

  /* ===== MAIN TOP-LEVEL MENU ===== */
  #mega-menu-wrap-primary {
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    flex: 1 1 auto !important;
    width: auto !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 8px 10px !important;
    text-align: center !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #00788B !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-current_page_item > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-ancestor > a.mega-menu-link {
    color: #1f3f72 !important;
    background: transparent !important;
  }

  /* ===== GENERIC MEGA PANELS ===== */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
    padding: 24px !important;
    margin-top: 14px !important;
  }

  /* ===== NAŠE USLUGE PANEL ===== */
  #mega-sub-menu-252 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px 24px !important;
    align-items: start !important;
  }

  #mega-sub-menu-252 > li.mega-menu-item {
    float: none !important;
    width: auto !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  /* ===== TIM LEKARA PANEL ===== */
  #mega-sub-menu-254 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px 24px !important;
    align-items: start !important;
    background: #ffffff !important;
  }

  #mega-sub-menu-254 > li.mega-menu-item {
    float: none !important;
    width: auto !important;
    clear: none !important;
    margin: 0 !important;
    min-width: 0 !important;
    border-radius: 14px !important;
    
  }

  #mega-sub-menu-254 > li.mega-menu-clear {
    clear: none !important;
  }

  /* specialty heading */
  #mega-sub-menu-254 > li.mega-menu-item > a.mega-menu-link,
  #mega-sub-menu-252 > li.mega-menu-item > a.mega-menu-link {
    display: block !important;
    padding: 0 0 10px 0 !important;
    margin: 0 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #00788B !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  /* doctor / child links */
  #mega-sub-menu-254 .mega-sub-menu li > a.mega-menu-link,
  #mega-sub-menu-252 .mega-sub-menu li > a.mega-menu-link {
    display: block !important;
/*    padding: 6px 8px !important; */
    margin: 0 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    color: #374151 !important;
    background: transparent !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  #mega-sub-menu-254 .mega-sub-menu li > a.mega-menu-link:hover,
  #mega-sub-menu-252 .mega-sub-menu li > a.mega-menu-link:hover {
    background: var(--mp-brand-soft) !important;
    color: #00788B !important;
  }

  /* remove noisy indicators inside mega panels */
  #mega-sub-menu-254 .mega-indicator,
  #mega-sub-menu-252 .mega-indicator {
    display: none !important;
  }

  /* hide plugin desktop toggle */
  #mega-menu-wrap-primary .mega-menu-toggle,
  #site-navigation > .inside-navigation > .menu-toggle {
    display: none !important;
  }
	
	#site-navigation {
  position: relative;
  z-index: 9999 !important;
}
	
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column-standard {
		padding: 0 15px;
	}
	


	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
  position: absolute !important;
  z-index: 10000 !important;
}

	
	.site-header,
#site-navigation,
#mega-menu-wrap-primary {
  position: relative !important;
  z-index: 99999 !important;
  overflow: visible !important;
}

#mega-menu-wrap-primary .mega-sub-menu {
/*  position: absolute !important; */
  z-index: 100000 !important;
}

.usluga-cta-btn,
.usluga-cta-phone,
.n2-section-smartslider,
.n2-ss-slider,
.n2-ss-slider-wrapper-inside,
.site-main {
  position: relative !important;
  z-index: 1 !important;
}
	
}

#wpgmza_map_1 {
	border-radius: 15px;
}


.usluga-reviewed {
	margin-top: 50px;
}

.usluga-reviewed__item img {
	display: none;
}

@media (min-width: 769px) {
	
	
.mp-topicon {
  width: 172px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* space between icon and text */
  text-align: center;
}
	.n2-ss-slide.n2-ow.n2-ss-slide-8 {
		height: 650px;
		
	}

}




.scroll-to-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 44px;
  height: 44px;
  background: #00788B;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 44px;
  border-radius: 50%;
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 9999;
}

/* show when active */
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
}

/* hover */
.scroll-to-top:hover {
  background: #1f3f72;
}



html {
  scroll-behavior: smooth;
}






@media (max-width: 768px) {
	
	h2.wp-block-heading {
	margin: 40px 0 !important;
}
	
	p {
		margin-bottom: 0;
	}	
	
	.putovanje > .wp-block-group__inner-container {
		padding: 30px 0 !important;
	}
	
	ul {
margin: 0 0 1.5em 0;
}
	
	h3 {
		margin-top: 30px;
	}
	
	.wp-block-spacer.usluga-sidebar-stop {
		height: 0 !important;
	}
	
}


.pulmoDijag > .wp-block-group__inner-container {
	padding: 0 40px;
}


.nevidljiv, .nevidljiv:hover {
	background-color: white !important;
	border-color: white !important;
	box-shadow: none !important;
}



/* CONTACT 2-COLUMN SECTION */
.kontakt-dva-stuba {
  align-items: stretch !important;
  gap: 28px;
}

.kontakt-dva-stuba > .wp-block-column {
  display: flex;
  flex-direction: column;
}

/* LEFT: FORM CARD */
.kontakt-dva-stuba > .wp-block-column:first-child {
  background: #fff;
  padding: 28px;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

/* RIGHT: INFO CARD */
.kontakt-dva-stuba .kontaktInfo {
  background: #f9fafb;
  padding: 28px;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
 /* justify-content: center; */
}

/* RIGHT COLUMN TEXT */
.kontakt-dva-stuba .kontaktInfo p {
  font-size: 15px;
  line-height: 1.7;
  color: #1f2937;
  margin-bottom: 14px;
}

.kontakt-dva-stuba .kontaktInfo a {
  color: #00788B;
  font-weight: 600;
  text-decoration: none;
}

.kontakt-dva-stuba .kontaktInfo a:hover {
  color: #005f6e;
}

/* emoji/icon spacing */
.kontakt-dva-stuba .kontaktInfo img.emoji {
  width: 18px;
  height: 18px;
  vertical-align: -3px;
  margin-right: 8px;
}

/* WPFORMS cleanup */
.kontakt-dva-stuba .wpforms-container {
  margin-bottom: 0 !important;
}

.kontakt-dva-stuba .wpforms-field-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin-bottom: 6px !important;
}

.kontakt-dva-stuba .wpforms-field input,
.kontakt-dva-stuba .wpforms-field textarea {
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 15px !important;
  color: #111827 !important;
}

.kontakt-dva-stuba .wpforms-field input:focus,
.kontakt-dva-stuba .wpforms-field textarea:focus {
  border-color: #00788B !important;
  box-shadow: 0 0 0 3px rgba(0,120,139,.12) !important;
}

.kontakt-dva-stuba .wpforms-field textarea {
  min-height: 140px !important;
}

.kontakt-dva-stuba .wpforms-submit {
  background: #00788B !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  transition: all .2s ease !important;
}

.kontakt-dva-stuba .wpforms-submit:hover {
  background: #005f6e !important;
  transform: translateY(-1px);
}

/* MOBILE */
@media (max-width: 768px) {
  .kontakt-dva-stuba {
    gap: 18px;
  }

  .kontakt-dva-stuba > .wp-block-column:first-child,
  .kontakt-dva-stuba .kontaktInfo {
    padding: 20px;
  }
}



/* =========================================================
   USLUGE ARCHIVE / SUMMARY PAGE
   ========================================================= */

/* Page intro */
.post-type-archive-usluga .page-header {
  margin-bottom: 36px;
  text-align: center;
}

.post-type-archive-usluga .page-title {
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.15;
  font-weight: 700;
  color: #223b57;
  margin-bottom: 0;
}

.post-type-archive-usluga .page-title span {
  color: rgb(0,120,139);
}

/* Make archive list a grid */
.post-type-archive-usluga .site-main {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

/* Each service card */
.post-type-archive-usluga .site-main > article.usluga {
  margin: 0;
}

.post-type-archive-usluga article.usluga .inside-article {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(34, 59, 87, 0.08);
  border-radius: 22px;
  padding: 26px 24px 22px;
  box-shadow: 0 10px 28px rgba(34, 59, 87, 0.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.post-type-archive-usluga article.usluga .inside-article:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(34, 59, 87, 0.12);
  border-color: rgba(0, 120, 139, 0.22);
}

/* Title */
.post-type-archive-usluga article.usluga .entry-header {
  order: 2;
  margin-bottom: 12px;
}

.post-type-archive-usluga article.usluga .entry-title {
  font-size: 26px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0;
}

.post-type-archive-usluga article.usluga .entry-title a {
  color: #223b57;
  text-decoration: none;
}

.post-type-archive-usluga article.usluga .entry-title a:hover {
  color: rgb(0,120,139);
}

/* Image */
.post-type-archive-usluga article.usluga .post-image {
  order: 1;
  margin-bottom: 18px;
}

.post-type-archive-usluga article.usluga .post-image a {
  width: 100%;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f7f8;
  border-radius: 18px;
  padding: 22px;
  text-decoration: none;
}

.post-type-archive-usluga article.usluga .post-image img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  display: block;
}

/* Summary */
.post-type-archive-usluga article.usluga .entry-summary {
  order: 3;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  color: #58636f;
  font-size: 16px;
  line-height: 1.65;
}

.post-type-archive-usluga article.usluga .entry-summary p {
  margin: 0;
}

/* Limit text visually */
.post-type-archive-usluga article.usluga .entry-summary {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Read more */
.post-type-archive-usluga article.usluga .read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  padding: 12px 18px;
  border-radius: 999px;
  background: rgb(0,120,139);
  color: #fff !important;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}

.post-type-archive-usluga article.usluga .read-more:hover {
  background: #223b57;
  transform: translateY(-1px);
}

/* Hide default "Archives:" feel */
.post-type-archive-usluga .page-title::before {
  content: "Naše usluge";
  display: block;
}

.post-type-archive-usluga .page-title {
  font-size: 0;
}

.post-type-archive-usluga .page-title::before {
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.15;
  font-weight: 700;
}

/* Make content container wider if needed */
.post-type-archive-usluga .content-area {
  width: 100%;
}

.post-type-archive-usluga .site-content {
  padding-top: 34px;
  padding-bottom: 54px;
}

/* Tablet */
@media (max-width: 1024px) {
  .post-type-archive-usluga .site-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .post-type-archive-usluga .site-main {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .post-type-archive-usluga article.usluga .inside-article {
    padding: 20px 18px 18px;
    border-radius: 18px;
  }

  .post-type-archive-usluga article.usluga .post-image a {
    min-height: 140px;
    padding: 18px;
  }

  .post-type-archive-usluga article.usluga .post-image img {
    width: 82px;
    height: 82px;
  }

  .post-type-archive-usluga article.usluga .entry-title {
    font-size: 22px;
  }

  .post-type-archive-usluga article.usluga .entry-summary {
    font-size: 15px;
    -webkit-line-clamp: 5;
  }

  .post-type-archive-usluga .page-header {
    margin-bottom: 24px;
  }
	
	
	.site-content {
		padding-top: 0 !important; 
	}
	
	
	.zgrada figure.alignright.size-full {
		margin-left: 0 !important;
	}
}



.page-id-6 h1 {
	display: none;
}