/* MAKI C - Cesta pitanja / FAQ (19383, 19384) + Politika privatnosti / Privacy Policy (19381, 19382).
   Izvor izgleda: audit/dizajn-2026-10-08/strane/05-cesta-pitanja.html (odobreno). Samo CSS, sve scope-ovano.
   Generic skin (redesign-c.css) daje tekst #33403a !important na h1-h6/p/li/address/small... - ovde se nadjacava
   samo gde treba druga boja (zelena eyebrow, mut breadcrumb/adresa). custom.css (B6 accordion) se nadjacava ovde. */

/* ===================== ZAJEDNICKO: tekst-strane (4 strane) ===================== */

/* pozadina tela bela (kao mockup); traka naslova ostaje meka */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .main-wrap{background-color:#fff}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-wrap{padding-bottom:40px}

/* zaglavlje strane: meka traka preko cele sirine (box-shadow + clip-path, bez horizontalnog skrola) + tanka linija dole (border-image) */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-title-wrap{
  background-color:#f7f8f7;
  box-shadow:0 0 0 100vmax #f7f8f7;
  clip-path:inset(0 -100vmax);
  border-bottom:1px solid transparent;
  border-image:linear-gradient(#e8eae8,#e8eae8) 0 0 1 0 / 0 0 1px 0 / 0 100vmax;
  padding:40px 0 38px;
  margin-bottom:56px;
}

/* breadcrumb: mut tekst, zelena kucica, tanka strelica, aktivna stavka tamno-siva */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:0 0 16px;padding:0;font-size:14px;line-height:1.4}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .breadcrumb-item{display:inline-flex;align-items:center;padding-left:0;color:#5a615c!important}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .breadcrumb-item+.breadcrumb-item::before{
  content:"";float:none;display:inline-block;width:6px;height:6px;padding:0;margin:0 10px 0 6px;
  border-top:1.6px solid #5a615c;border-right:1.6px solid #5a615c;opacity:.55;transform:rotate(45deg);font-size:0;
}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .breadcrumb .icon-house{color:#2f7d1f;font-size:14px;margin-right:6px}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .breadcrumb-item a{color:#5a615c;text-decoration:none;border-radius:4px;transition:color .18s ease}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .breadcrumb-item a:hover{color:#2f7d1f}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .breadcrumb-item.active{color:#33403a!important;font-weight:600}

/* H1 800 + kratka zelena traka ispod */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-title-wrap .page-title h1{font-size:var(--mkv-h1);font-weight:800;letter-spacing:-.028em;line-height:1.15;margin:0}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-title-wrap .page-title::after{content:"";display:block;width:46px;height:3px;border-radius:2px;background:#2f7d1f;margin-top:14px}

/* sadrzaj bez sivog panela (Houzez .page-content-wrap 40px belo) - poravnato sa naslovom */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap{padding:0;background:transparent}
@media (min-width:992px){
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .bt-content-wrap{padding-right:40px}
}

/* tipografija teksta (Politika privatnosti): mera ~72ch, h 800 + kratka traka, zeleni linkovi */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>:is(p,ul,ol,h2,h3,h4,blockquote){max-width:72ch}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>p{font-size:16px;line-height:1.75;margin:0 0 16px}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>p:first-child{font-size:17.5px;line-height:1.7;margin-bottom:28px}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>:is(h2,h3,h4){position:relative;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin:40px 0 14px;padding-bottom:12px}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>h2{font-size:24px}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>h3{font-size:21px}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>h4{font-size:18px}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>:is(h2,h3,h4)::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:2px;background:#2f7d1f}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>:is(h2,h3,h4):first-child{margin-top:0}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap strong{font-weight:700}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>:is(p,ul,ol) a{color:#2f7d1f;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(47,125,31,.4);transition:color .18s ease,text-decoration-color .18s ease}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>:is(p,ul,ol) a:hover{color:#276a19;text-decoration-color:currentColor}
/* "Poslednje azuriranje" - mut, odvojeno tankom linijom */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap small{color:#5a615c!important;font-size:14px}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>p:last-child:has(>small){margin:36px 0 0;padding-top:16px;border-top:1px solid #e8eae8}

/* fokus: zeleni prsten (linkovi u sadrzaju, breadcrumb, sidebar) */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) :is(.page-content-wrap,.breadcrumb,.bt-sidebar-wrap) a:focus-visible{outline:2px solid #2f7d1f;outline-offset:3px;border-radius:6px}

/* ===================== ZAJEDNICKO: sidebar widgeti (Izdvojeno/Featured, Discover, Latest Posts) ===================== */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .bt-sidebar-wrap .widget-wrap{background:#fff;border:1px solid #e8eae8;border-radius:16px;box-shadow:0 8px 24px rgba(16,24,20,.06);overflow:hidden}
/* naslov widgeta: uppercase mut + kratka zelena crtica (kao footer/mockup) */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .bt-sidebar-wrap .widget-title{position:relative;margin:0 0 16px!important;padding:0 0 12px;font-size:12.5px;line-height:1.4;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5a615c!important}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .bt-sidebar-wrap .widget-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:2px;background:#2f7d1f}

/* Izdvojeno (slick slider, 1 kartica) - widget je kartica, unutrasnja .item-wrap ravna (bez duplog boxa) */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .widget-title{padding:24px 24px 12px!important;margin:0 0 4px!important}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .widget-title::after{left:24px}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-listing-wrap{padding:8px 24px 22px!important}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-wrap,
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-listing-wrap:hover .item-wrap,
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-wrap:hover{background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;transform:none}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .listing-image-wrap{border-radius:12px;overflow:hidden}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-body{padding:16px 0 0}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-title{font-size:16px;font-weight:700;line-height:1.35;margin-bottom:6px!important}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-title a{color:#33403a;transition:color .18s ease}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-title a:hover{color:#2f7d1f}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-address{font-size:13px;color:#5a615c!important}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-address .houzez-icon{color:#2f7d1f}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .item-amenities{font-size:13px}
/* reveal (redesign-home.js) iskljucen u slajderu - inace slajd "trepne" pri autoplay-u */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-with-slider .maki-reveal{opacity:1;transform:none}
/* strelice slajdera (slick, JS): bele okrugle, zelena ikonica (velicina/pozicija ostaju Houzez) */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-slider-wrap .slick-arrow{border-radius:50%;background-color:#fff;box-shadow:0 4px 12px rgba(16,24,20,.16);transition:background-color .18s ease}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-slider-wrap .slick-arrow::before{color:#2f7d1f;opacity:1;font-size:12px}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-slider-wrap .slick-arrow:hover{background-color:#2f7d1f}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-slider-wrap .slick-arrow:hover::before{color:#fff}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-featured-property-slider-wrap .slick-arrow:focus-visible{outline:2px solid #2f7d1f;outline-offset:3px}

/* Discover (tipovi): pill "cipovi" - Houzez .widget ul:not()x6 li a ima visoku specificnost -> !important samo za geometriju */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-taxonomy .widget-body ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-taxonomy .widget-taxonomy-item{padding:0!important;margin:0}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-taxonomy .widget-taxonomy-item a{display:inline-flex!important;align-items:center;gap:4px;height:34px;padding:0 14px 0 10px!important;border:1px solid #e8eae8;border-radius:999px!important;background:#f7f8f7;color:#33403a;font-size:13.5px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-taxonomy .widget-taxonomy-item a .houzez-icon{color:#2f7d1f;padding-right:2px!important}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .widget-taxonomy .widget-taxonomy-item a:hover{background:#eef4ea;color:#2f7d1f;border-color:rgba(47,125,31,.3)}

/* Latest Posts bez sadrzaja -> diskretan "ghost" (kao mockup); kad dobije postove, ostaje obicna kartica */
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .bt-sidebar-wrap .widget-blog-posts:not(:has(.widget-body *)){background:transparent;border-style:dashed;box-shadow:none;padding:16px 24px 4px!important}
.maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .bt-sidebar-wrap .widget-blog-posts:not(:has(.widget-body *)) .widget-title::after{background:#e8eae8}

/* ===================== SAMO FAQ (19383 SR, 19384 EN): [maki_faq] accordion ===================== */
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq{max-width:none;margin:0}

/* teme: zelena uppercase eyebrow + kratka traka levo + tanka linija desno */
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-group{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:13.5px;font-weight:800;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:#2f7d1f!important}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-group::before{content:"";flex:0 0 auto;width:22px;height:3px;border-radius:2px;background:#2f7d1f}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-group::after{content:"";flex:1 1 auto;height:1px;background:#e8eae8}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-group:not(:first-child){margin-top:46px}

/* stavka: meka bela kartica */
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item{background:#fff;border:1px solid #e8eae8;border-radius:14px;margin:0 0 10px;transition:border-color .2s ease,box-shadow .25s ease}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item:hover{border-color:rgba(47,125,31,.32)}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item[open]{border-color:rgba(47,125,31,.3);box-shadow:0 10px 28px rgba(16,24,20,.07)}

/* pitanje: #33403a 700; default marker sklonjen; indikator = summary::after (jedini pseudo, custom.css ga je koristio za "+") */
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary{display:block;position:relative;list-style:none;cursor:pointer;padding:18px 68px 18px 22px;border-radius:14px;font-size:16.5px;font-weight:700;line-height:1.45;color:#33403a;transition:color .18s ease}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary::-webkit-details-marker{display:none}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary::marker{content:""}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary:hover{color:#2f7d1f}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary:focus-visible{outline:2px solid #2f7d1f;outline-offset:3px}
/* zeleni krug sa "+" (dve gradijent crtice); [open] -> pun zeleni krug, beli "-", rotacija */
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary::after{
  content:"";position:absolute;top:50%;right:20px;width:32px;height:32px;margin-top:-16px;border-radius:50%;
  background-color:#eef4ea;
  background-image:linear-gradient(#2f7d1f,#2f7d1f),linear-gradient(#2f7d1f,#2f7d1f);
  background-repeat:no-repeat;background-position:center;background-size:12px 2px,2px 12px;
  font-size:0;color:transparent;
  transition:transform .3s ease,background-color .25s ease,background-size .3s ease,box-shadow .2s ease;
}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary:hover::after{box-shadow:inset 0 0 0 1.5px rgba(47,125,31,.35)}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item[open]>summary::after{
  background-color:#2f7d1f;
  background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
  background-size:12px 2px,2px 0;
  transform:rotate(180deg);
}

/* odgovor: tanka linija, mera 68ch */
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-a{padding:0 64px 20px 22px}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-a p{margin:0;padding-top:14px;border-top:1px solid #e8eae8;font-size:15.5px;line-height:1.75;max-width:68ch}
.maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item[open] .maki-faq-a{animation:makiFaqIn .28s ease both}
@keyframes makiFaqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* glatko otvaranje gde browser podrzava (interpolate-size samo na details, ne na :root) */
@supports (interpolate-size:allow-keywords){
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item{interpolate-size:allow-keywords}
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item::details-content{block-size:0;overflow:clip;transition:block-size .3s ease,content-visibility .3s allow-discrete}
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item[open]::details-content{block-size:auto}
}

/* ===================== RESPONSIVE ===================== */
/* sidebar ispod sadrzaja (Bootstrap lg < 992): widgeti u 2 kolone; Izdvojeno zauzima 2 reda */
@media (min-width:601px) and (max-width:991.98px){
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .bt-sidebar-wrap .theiaStickySidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .bt-sidebar-wrap .theiaStickySidebar::after{display:none} /* clearfix iz theia-sticky-sidebar - u gridu bi bio prazna celija */
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .bt-sidebar-wrap .widget-wrap{margin-bottom:0!important}
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .bt-sidebar-wrap .widget-featured-property-with-slider{grid-row:span 2}
}
@media (max-width:1000px){
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-title-wrap{margin-bottom:44px}
}
@media (max-width:600px){
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-title-wrap{padding:30px 0 28px;margin-bottom:36px}
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .breadcrumb{font-size:13px;margin-bottom:12px}
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>p{font-size:15.5px}
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>p:first-child{font-size:16.5px}
  .maki-c:is(.page-id-19383,.page-id-19384,.page-id-19381,.page-id-19382) .page-content-wrap>h3{font-size:19px;margin-top:32px}
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-group:not(:first-child){margin-top:36px}
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary{padding:16px 58px 16px 18px;font-size:15.5px}
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary::after{right:16px;width:30px;height:30px;margin-top:-15px}
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-a{padding:0 18px 18px}
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-a p{font-size:15px}
}

/* ===================== REDUCED MOTION (redesign-c .maki-c * ne hvata pseudo-elemente) ===================== */
@media (prefers-reduced-motion:reduce){
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item,
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary,
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item summary::after{transition:none}
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item[open]>summary::after{transform:none}
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item[open] .maki-faq-a{animation:none}
  .maki-c:is(.page-id-19383,.page-id-19384) .maki-faq-item::details-content{transition:none}
}