/*
Theme Name: MPM Transfer 2
Template: astra
Author: MPM redizajn
Version: 2.4.2
Description: Mediterranean Modern Luxury - child tema za MPM Transfer (Split).
*/

:root{
    color-scheme: light;
    --cream:#F8F5EE;
    --limestone:#EDE5D8;
    --olive-bg:#EEF0E7;
    --white:#FFFFFF;
    --blue:#174C5B;
    --blue-dark:#103C49;
    --coastal:#4F8893;
    --olive:#7C8762;
    --sand:#C9A878;
    --sand-deep:#B08F5C;
    --ink:#243033;
    --stone:#6F7775;
    --border:#DDD5C8;
    --border-soft:#E3DDD3;
    --r:18px;
    --shadow:0 14px 40px rgba(36,48,51,.08);
    --serif:"Cormorant Garamond",Cochin,Baskerville,"Palatino Linotype",Palatino,Georgia,serif;
    --sans:"Manrope","Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{
    background:var(--cream); color:var(--ink);
    font-family:var(--sans); font-size:16px; line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
  a{color:var(--blue)}
  .wrap{max-width:1180px; margin:0 auto; padding:0 24px}
  section{padding:84px 0}
  h2{
    font-family:var(--serif); font-weight:600;
    font-size:clamp(30px,3.8vw,44px); line-height:1.12;
    margin:0 0 14px; text-wrap:balance; color:var(--ink);
  }
  h2 em{font-style:italic; color:var(--blue)}
  .kicker{
    font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;
    color:var(--sand-deep); margin:0 0 14px;
  }
  .lede{color:var(--stone); max-width:58ch; margin:0 0 40px; font-size:16.5px}

  /* ---------- navigation ---------- */
  header.site{background:var(--cream); border-bottom:1px solid var(--border-soft)}
  .nav{
    max-width:1180px; margin:0 auto; padding:20px 24px;
    display:flex; align-items:center; gap:30px;
  }
  .logo{
    font-family:var(--serif); font-weight:600; font-size:23px; letter-spacing:.06em;
    color:var(--blue); text-transform:uppercase; white-space:nowrap;
  }
  .nav ul{list-style:none; display:flex; gap:26px; margin:0 auto; padding:0; font-size:14.5px; font-weight:600}
  .nav ul a{color:var(--ink); text-decoration:none}
  .nav ul a:hover,.nav ul a.on{color:var(--blue)}
  .nav .right{display:flex; align-items:center; gap:16px; white-space:nowrap}
  .lang{font-size:13.5px; font-weight:700; color:var(--stone)}
  .wa-dot{
    width:34px; height:34px; border-radius:50%; background:#E9F4EC; color:#1E9E52;
    display:grid; place-items:center; font-size:16px; text-decoration:none;
  }
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:9px;
    font-family:var(--sans); font-weight:700; font-size:15px;
    padding:13px 26px; border-radius:12px; text-decoration:none; border:none; cursor:pointer;
    transition:background .15s ease, transform .15s ease;
  }
  @media (prefers-reduced-motion: reduce){ .btn{transition:none} }
  .btn-blue{background:var(--blue); color:#fff}
  .btn-blue:hover{background:var(--blue-dark)}
  .btn-outline{background:transparent; color:var(--blue); border:1.5px solid var(--blue)}
  .btn-outline:hover{background:rgba(23,76,91,.06)}
  .nav .btn{padding:11px 22px; font-size:14px}
  @media (max-width:920px){ .nav ul{display:none} .nav .right{margin-left:auto} }

  /* ---------- photo placeholders ---------- */
  .ph{
    display:grid; place-items:end start; position:relative; overflow:hidden;
    color:#5C6660; font-size:12px; letter-spacing:.06em; font-weight:600;
  }
  .ph::before{content:""; position:absolute; inset:0;
    background:
      radial-gradient(ellipse 120% 60% at 50% 0%, rgba(255,255,255,.35), transparent 60%),
      linear-gradient(165deg, var(--ph1,#DCE4E2) 0%, var(--ph2,#C9D2CB) 55%, var(--ph3,#B9C4BA) 100%);
  }
  .ph::after{content:""; position:absolute; inset:0;
    background:repeating-linear-gradient(-45deg, transparent 0 18px, rgba(255,255,255,.16) 18px 19px);
  }
  .ph span{
    position:relative; z-index:2; margin:12px 14px; padding:5px 11px;
    background:rgba(255,255,255,.82); border-radius:8px; backdrop-filter:blur(2px);
  }
  .ph span b{letter-spacing:.16em; margin-right:6px; color:var(--sand-deep)}

  /* scene tints */
  .t-sea{--ph1:#D8E4E4; --ph2:#B7CCCC; --ph3:#8FB0B4}
  .t-stone{--ph1:#EEE8DC; --ph2:#DDD2BE; --ph3:#C5B79E}
  .t-olive{--ph1:#E6E9DC; --ph2:#CDD4BC; --ph3:#AEB897}
  .t-blue{--ph1:#D5E0E3; --ph2:#A9C0C7; --ph3:#7FA1AB}

  /* ---------- hero ---------- */
  .hero{padding:64px 0 0}
  .hero .grid{
    display:grid; grid-template-columns:1fr 1.05fr; gap:56px; align-items:center;
  }
  @media (max-width:940px){ .hero .grid{grid-template-columns:1fr} }
  .hero h1{
    font-family:var(--serif); font-weight:600;
    font-size:clamp(42px,5.6vw,66px); line-height:1.06; letter-spacing:.005em;
    margin:0 0 22px; text-wrap:balance;
  }
  .hero h1 em{font-style:italic; color:var(--blue)}
  .hero .sub{font-size:17.5px; color:var(--stone); max-width:46ch; margin:0 0 32px}
  .hero .ctas{display:flex; gap:14px; flex-wrap:wrap}
  .hero-photo{
    border-radius:24px; aspect-ratio:5/4; box-shadow:var(--shadow);
  }
  .hero-photo.ph{border-radius:24px}

  /* booking card */
  .booking{
    background:var(--white); border:1px solid var(--border-soft); border-radius:var(--r);
    box-shadow:0 14px 40px rgba(36,48,51,.08);
    padding:26px 28px; margin-top:-8px; position:relative; z-index:4;
    transform:translateY(46px);
  }
  .booking h3{margin:0 0 2px; font-family:var(--serif); font-size:24px; font-weight:600; color:var(--blue)}
  .booking .hint{margin:0 0 18px; font-size:13.5px; color:var(--stone)}
  .bk-row{display:grid; grid-template-columns:1.2fr 1.2fr 1fr .7fr auto; gap:12px; align-items:end}
  @media (max-width:940px){ .bk-row{grid-template-columns:1fr 1fr} }
  @media (max-width:560px){ .bk-row{grid-template-columns:1fr} }
  .field label{
    display:block; font-size:11.5px; font-weight:700; letter-spacing:.1em;
    text-transform:uppercase; color:var(--coastal); margin-bottom:6px;
  }
  .field .box{
    border:1px solid var(--border-soft); border-radius:12px; background:var(--cream);
    padding:12px 14px; font-size:14.5px; color:var(--stone);
    display:flex; justify-content:space-between; gap:8px; align-items:center;
  }
  .field .box .v{color:var(--ink); font-weight:600}
  .booking .btn{height:47px; padding-inline:30px}
  .plugin-chip{margin-top:14px; font-size:11.5px; letter-spacing:.08em; color:var(--stone); text-transform:uppercase; font-weight:600}

  /* trust row */
  .trust{background:var(--white); border-top:1px solid var(--border-soft); padding:92px 0 34px}
  .trust .row{display:grid; grid-template-columns:repeat(4,1fr); gap:22px}
  @media (max-width:820px){ .trust .row{grid-template-columns:1fr 1fr} }
  .titem{display:flex; align-items:center; gap:13px; font-weight:700; font-size:15px}
  .titem svg{flex:none; stroke:var(--coastal); fill:none; stroke-width:1.6; width:30px; height:30px}

  /* ---------- intro ---------- */
  .intro{background:var(--cream)}
  .intro .grid{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center}
  @media (max-width:880px){ .intro .grid{grid-template-columns:1fr} }
  .intro p{color:var(--stone); font-size:16.5px; max-width:52ch}
  .intro .ph{border-radius:24px; aspect-ratio:4/3; box-shadow:var(--shadow)}

  /* ---------- journeys ---------- */
  .journeys{background:var(--white)}
  .jgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
  @media (max-width:960px){ .jgrid{grid-template-columns:1fr 1fr} }
  @media (max-width:620px){ .jgrid{grid-template-columns:1fr} }
  .jcard{
    background:var(--white); border:1px solid var(--border-soft); border-radius:var(--r);
    overflow:hidden; text-decoration:none; color:var(--ink); display:flex; flex-direction:column;
    transition:box-shadow .18s ease, transform .18s ease;
  }
  .jcard:hover{box-shadow:var(--shadow); transform:translateY(-3px)}
  @media (prefers-reduced-motion: reduce){ .jcard{transition:none} .jcard:hover{transform:none} }
  .jcard .ph{aspect-ratio:16/10}
  .jcard .body{padding:18px 20px 20px}
  .jcard h3{margin:0 0 4px; font-family:var(--serif); font-size:21px; font-weight:600; line-height:1.2}
  .jcard .meta{font-size:13px; color:var(--stone); margin-bottom:12px}
  .jcard .row{display:flex; justify-content:space-between; align-items:center}
  .jcard .price{font-weight:800; font-size:16.5px; color:var(--blue); font-variant-numeric:tabular-nums}
  .jcard .arr{
    width:34px; height:34px; border-radius:50%; border:1.5px solid var(--border);
    display:grid; place-items:center; color:var(--blue); font-size:15px;
  }
  .jcard:hover .arr{background:var(--blue); border-color:var(--blue); color:#fff}

  /* ---------- destinations mosaic ---------- */
  .dest{background:var(--cream)}
  .mosaic{
    display:grid; gap:16px;
    grid-template-columns:repeat(4,1fr); grid-auto-rows:150px;
  }
  @media (max-width:880px){ .mosaic{grid-template-columns:1fr 1fr; grid-auto-rows:130px} }
  .tile{position:relative; border-radius:16px; overflow:hidden; display:block}
  .tile.ph{place-items:end start}
  .tile.tall{grid-row:span 2}
  .tile .name{
    position:absolute; z-index:3; left:16px; bottom:12px;
    font-family:var(--serif); font-size:22px; font-weight:600; color:#fff;
    text-shadow:0 1px 10px rgba(20,40,45,.55);
    background:none; padding:0; margin:0; backdrop-filter:none; border-radius:0;
  }
  .tile::before{filter:saturate(.95)}
  .tile .shade{position:absolute; inset:0; z-index:2;
    background:linear-gradient(to top, rgba(23,50,58,.38), transparent 55%)}

  /* ---------- why ---------- */
  .why{background:var(--limestone)}
  .wgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:30px}
  @media (max-width:880px){ .wgrid{grid-template-columns:1fr 1fr} }
  @media (max-width:560px){ .wgrid{grid-template-columns:1fr} }
  .witem svg{stroke:var(--blue); fill:none; stroke-width:1.5; width:34px; height:34px; margin-bottom:14px}
  .witem h3{margin:0 0 6px; font-size:16.5px; font-weight:800}
  .witem p{margin:0; font-size:14px; color:var(--stone)}

  /* ---------- fleet ---------- */
  .fleet{background:var(--white)}
  .fgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
  @media (max-width:880px){ .fgrid{grid-template-columns:1fr} }
  .fcard{border:1px solid var(--border-soft); border-radius:var(--r); overflow:hidden; background:var(--white); position:relative}
  .fcard .ph{aspect-ratio:16/10}
  .badge{
    position:absolute; z-index:5; top:14px; right:14px;
    background:var(--sand); color:#2A2113; font-size:11px; font-weight:800;
    letter-spacing:.08em; text-transform:uppercase; padding:5px 12px; border-radius:999px;
  }
  .fcard .body{padding:20px 22px 24px}
  .fcard h3{margin:0 0 10px; font-family:var(--serif); font-size:22px; font-weight:600}
  .specs{display:flex; flex-wrap:wrap; gap:8px}
  .spec{
    font-size:12.5px; font-weight:600; color:var(--ink);
    background:var(--cream); border:1px solid var(--border-soft);
    border-radius:999px; padding:5px 12px;
  }

  /* ---------- day trips teaser ---------- */
  .dtteaser{background:var(--olive-bg)}
  .dtteaser .grid{display:grid; grid-template-columns:1fr 1.1fr; gap:56px; align-items:center}
  @media (max-width:880px){ .dtteaser .grid{grid-template-columns:1fr} }
  .dtteaser .ph{border-radius:24px; aspect-ratio:4/3; box-shadow:var(--shadow)}
  .dtlist{list-style:none; margin:0 0 30px; padding:0; display:grid; gap:10px}
  .dtlist li{
    display:flex; justify-content:space-between; gap:14px;
    padding:12px 0; border-bottom:1px solid #D9DECB; font-weight:600; font-size:15.5px;
  }
  .dtlist li span{color:var(--stone); font-weight:500; font-size:14px; white-space:nowrap}

  /* ---------- local story ---------- */
  .story .grid{display:grid; grid-template-columns:1.05fr 1fr; gap:64px; align-items:center}
  @media (max-width:880px){ .story .grid{grid-template-columns:1fr} }
  .story .ph{border-radius:24px; aspect-ratio:4/3; box-shadow:var(--shadow)}
  .story p{color:var(--stone); font-size:16.5px; max-width:52ch}
  .story p + p{margin-top:18px}
  .story .photo-col{display:flex; flex-direction:column; gap:18px}
  .story .credit{
    display:flex; flex-wrap:wrap; gap:8px 26px;
    font-size:13px; color:var(--stone); padding-left:4px;
  }
  .story .credit span{display:flex; align-items:baseline; gap:7px}
  .story .credit span::before{
    content:""; width:6px; height:6px; border-radius:50%;
    background:var(--sand); flex:none; transform:translateY(-2px);
  }
  .story .credit b{color:var(--ink); font-weight:700}

  /* ---------- reviews ---------- */
  .reviews{background:var(--white); text-align:center}
  .bigscore{
    font-family:var(--serif); font-size:clamp(72px,10vw,120px); font-weight:600;
    color:var(--blue); line-height:1; margin:0;
  }
  .stars{color:var(--sand); font-size:22px; letter-spacing:5px; margin:10px 0 6px}
  .reviews .tag{color:var(--stone); margin:0 0 46px; font-size:15px}
  .rgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:left}
  @media (max-width:880px){ .rgrid{grid-template-columns:1fr} }
  .rev{background:var(--cream); border:1px solid var(--border-soft); border-radius:var(--r); padding:26px}
  .rev p{margin:0 0 16px; font-size:15px}
  .rev em{font-style:normal; color:var(--ink); font-weight:600}
  .rev .who{font-size:13px; color:var(--stone)}
  .rev .who b{color:var(--ink)}

  /* ---------- footer ---------- */
  footer.site{background:var(--blue); color:#EAF0EF}
  .foot{
    max-width:1180px; margin:0 auto; padding:64px 24px 30px;
    display:grid; grid-template-columns:1.5fr 1fr 1fr 1.1fr; gap:36px; font-size:14.5px;
  }
  @media (max-width:820px){ .foot{grid-template-columns:1fr 1fr} }
  .foot .fl{font-family:var(--serif); font-size:22px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:12px}
  .foot h4{font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--sand); margin:0 0 14px}
  .foot ul{list-style:none; margin:0; padding:0; display:grid; gap:9px}
  .foot a{color:#E8E3D5; text-decoration:none}
  .foot a:hover{color:#fff}
  .foot .about{color:#C7D4D2; font-size:14px; max-width:34ch}
  .copy{
    border-top:1px solid rgba(255,255,255,.14);
    max-width:1180px; margin:0 auto; padding:20px 24px; font-size:12.5px; color:#A9BCBA;
    display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;
  }

  /* ---------- day trips page ---------- */
  .dt-hero{padding:76px 0 60px; background:var(--cream)}
  .dt-hero h1{
    font-family:var(--serif); font-weight:600; font-size:clamp(38px,5vw,58px);
    line-height:1.08; margin:0 0 20px; text-wrap:balance;
  }
  .dt-hero h1 em{font-style:italic; color:var(--olive)}
  .dt-hero .sub{color:var(--stone); max-width:52ch; font-size:17px; margin:0 0 30px}
  .tripgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
  @media (max-width:960px){ .tripgrid{grid-template-columns:1fr 1fr} }
  @media (max-width:620px){ .tripgrid{grid-template-columns:1fr} }
  .trip{border:1px solid var(--border-soft); border-radius:var(--r); overflow:hidden; background:var(--white); display:flex; flex-direction:column; position:relative}
  .trip .ph{aspect-ratio:16/10}
  .trip .body{padding:20px 22px 22px; display:flex; flex-direction:column; gap:9px; flex:1}
  .trip h3{margin:0; font-family:var(--serif); font-size:23px; font-weight:600}
  .trip .facts{font-size:13px; color:var(--stone); display:flex; gap:14px; font-variant-numeric:tabular-nums}
  .trip p{margin:0; font-size:14.5px; color:var(--stone); flex:1}
  .trip .row{display:flex; justify-content:space-between; align-items:center; margin-top:8px}
  .trip .price{font-weight:800; color:var(--blue); font-size:16.5px}
  .trip .price small{display:block; font-weight:500; color:var(--stone); font-size:11.5px}
  .vals{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:56px}
  @media (max-width:760px){ .vals{grid-template-columns:1fr} }
  .val{background:var(--white); border:1px solid var(--border-soft); border-radius:var(--r); padding:24px}
  .val h3{margin:0 0 6px; font-size:16px; font-weight:800}
  .val p{margin:0; font-size:14px; color:var(--stone)}
  .cta-band{
    background:var(--blue); border-radius:22px; color:#fff;
    padding:44px 48px; display:flex; align-items:center; gap:28px; flex-wrap:wrap;
  }
  .cta-band h2{color:#fff; margin:0 0 6px; font-size:clamp(26px,3vw,34px)}
  .cta-band p{margin:0; color:#C7D4D2}
  .cta-band .ctas{margin-left:auto; display:flex; gap:12px; flex-wrap:wrap}
  .btn-sand{background:var(--sand); color:#2A2113}
  .btn-sand:hover{background:#BE9C69}
  .btn-ghostw{background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.55)}

  /* ---------- fotografije ---------- */
  .pp::before{background:var(--pi) center/cover no-repeat}
  .pp::after{display:none}
  .pp.pos-r::before{background-position:68% 50%}
  .logo-svg{width:212px; height:64px; flex:none; display:block}
  .logo-svg .wave{fill:var(--blue)}
  .logo-svg .sun{fill:none; stroke:var(--sand); stroke-width:3.4; stroke-linecap:round}
  .logo-svg .word{
    fill:var(--blue); font-family:var(--serif); font-size:31px; font-weight:600;
    letter-spacing:4.6px;
  }
  footer .logo-svg .wave{fill:#fff}
  footer .logo-svg .word{fill:#fff}

/* ---------- Chauffeur booking plugin u hero kartici ---------- */
.booking.booking-live{transform:none; margin-top:56px; padding:28px 28px 20px}
.booking.booking-live .chbs-main{max-width:100%}
.booking .origin-links{display:flex; flex-wrap:wrap; gap:8px 18px; margin:0 0 18px; font-size:13.5px}
.booking .origin-links a{color:var(--blue); font-weight:700; text-decoration:none}
.booking .origin-links a:hover{text-decoration:underline}
.booking .origin-links .lbl{color:var(--stone); font-weight:600}
body.mpm{margin:0; background:var(--cream)}

/* ---------- Restilizacija Chauffeur Booking plugina (vrijedi samo uz aktivnu temu) ---------- */
.mpm .chbs-main{font-family:"Manrope","Avenir Next",-apple-system,sans-serif}
.mpm .chbs-main .chbs-button.chbs-button-style-1{background:#174C5B!important;border-color:#174C5B!important;color:#fff!important;border-radius:12px!important}
.mpm .chbs-main .chbs-button.chbs-button-style-1:hover{background:#103C49!important;border-color:#103C49!important}
.mpm .chbs-main [class*="chbs-meta-icon"]{color:#4F8893!important;border-color:#4F8893!important}
.mpm .chbs-main-navigation-default li.chbs-state-selected>a>span:first-child{background:#174C5B!important;border-color:#174C5B!important}
.mpm .chbs-main-navigation-default li.chbs-state-selected>a>span:first-child *{color:#fff!important}
.mpm .chbs-main .ui-tabs-panel,.mpm .chbs-main .ui-tabs-anchor{border-top-color:#C9A878!important}
.mpm .chbs-main .ui-tabs-anchor{border-left-color:#E3DDD3!important}
.mpm .chbs-main .chbs-box-shadow{box-shadow:0 14px 40px rgba(36,48,51,.08)!important;border-radius:14px!important}
.mpm .chbs-copyright{display:none!important}

/* ======================= v1.3: globalni header/footer, opce stranice ======================= */
body.mpm{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}
.logo-link{display:block;line-height:0;text-decoration:none}
.foot .foot-logo{width:190px;height:58px;margin-bottom:6px}
footer.site{margin-top:70px}
footer.site .foot a{text-decoration:none}

/* meni + dropdown */
.nav ul.menu{list-style:none;display:flex;gap:26px;margin:0 auto;padding:0;font-size:14.5px;font-weight:600}
.nav ul.menu>li{position:relative}
.nav ul.menu a{color:var(--ink);text-decoration:none}
.nav ul.menu a:hover,.nav ul.menu a.on{color:var(--blue)}
.nav .caret{font-size:10px;margin-left:2px}
.nav ul.sub{position:absolute;top:100%;left:-14px;min-width:230px;margin:0;padding:10px 0;list-style:none;background:var(--white);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow);display:none;z-index:50}
.nav li.has-sub:hover>ul.sub,.nav li.has-sub:focus-within>ul.sub{display:block}
.nav ul.sub a{display:block;padding:9px 20px;font-weight:600;font-size:14px}
.nav ul.sub a:hover{background:var(--cream)}
.nav .right{display:flex;align-items:center;gap:16px}
.mnav{display:none}
.mnav summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--white)}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary span,.mnav summary span::before,.mnav summary span::after{display:block;width:20px;height:2px;background:var(--blue);border-radius:2px;content:"";position:relative}
.mnav summary span::before{position:absolute;top:-6px}
.mnav summary span::after{position:absolute;top:6px}
.mnav[open] summary span{background:transparent}
.mnav[open] summary span::before{top:0;transform:rotate(45deg)}
.mnav[open] summary span::after{top:0;transform:rotate(-45deg)}
.mnav-panel{position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid var(--border-soft);box-shadow:var(--shadow);padding:10px 24px 20px;display:flex;flex-direction:column;z-index:60}
.mnav-panel a{padding:12px 0;color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1px solid var(--border-soft)}
.mnav-panel hr{border:0;margin:6px 0}
header.site{position:relative}
@media (max-width:920px){
  .nav ul.menu{display:none}
  .nav{gap:14px}
  .nav .right{margin-left:auto}
  .mnav{display:block}
  .nav .right .btn{padding:10px 14px;font-size:13px}
}
@media (max-width:560px){ .nav .right .btn{display:none} .logo-svg{width:168px;height:52px} .nav .right{gap:10px} .nav{gap:8px} }
@media (max-width:360px){ .logo-svg{width:150px;height:46px} }
.mnav-panel a.mbook{display:none}
@media (max-width:560px){ .mnav-panel a.mbook{display:block;text-align:center;background:var(--blue);color:#fff;border-radius:999px;border-bottom:0;margin:4px 0 8px;padding:13px 18px} }
html{overflow-x:clip}
.nav{min-width:0} .nav .right{min-width:0}

/* opce stranice */
.page-hero{background:var(--cream);padding:64px 0 34px}
.page-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(36px,5vw,56px);line-height:1.08;margin:0;color:var(--ink);text-wrap:balance}
.page-body{padding:10px 0 40px}
.mpm-content{max-width:1180px}
.mpm-content .elementor-section, .mpm-content .e-con{max-width:100%}
.mpm-content h1,.mpm-content h2,.mpm-content h3,.mpm-content .elementor-heading-title{font-family:var(--serif)!important;font-weight:600!important;color:var(--ink)!important;text-wrap:balance}
.mpm-content h2,.mpm-content h2.elementor-heading-title{font-size:clamp(26px,3.2vw,36px)!important;line-height:1.15!important}
.mpm-content p,.mpm-content li,.mpm-content .elementor-widget-text-editor{font-family:var(--sans)!important;color:var(--stone);font-size:16.5px;line-height:1.7}
.mpm-content a{color:var(--blue)}
.mpm-content img{border-radius:18px}
.mpm-content .elementor-button{background:var(--blue)!important;border-radius:12px!important;font-family:var(--sans)!important;font-weight:700}
.mpm-content .elementor-button:hover{background:var(--blue-dark)!important}

/* kontakt */
.contact-cards{padding:0 0 30px}
.ccgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:880px){.ccgrid{grid-template-columns:1fr}}
.cc{background:var(--white);border:1px solid var(--border-soft);border-radius:var(--r);padding:28px;box-shadow:var(--shadow)}
.cc h3{font-family:var(--serif);font-size:24px;font-weight:600;margin:0 0 10px}
.cc p{color:var(--stone);margin:0 0 16px}
.cc a:not(.btn){color:var(--blue);font-weight:700;text-decoration:none;font-size:18px}

/* faq */
.faq{max-width:820px;display:grid;gap:12px;padding-bottom:30px}
.faq details{background:var(--white);border:1px solid var(--border-soft);border-radius:14px;padding:4px 22px}
.faq summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--sand-deep);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq p{margin:0 0 18px;color:var(--stone)}

/* flota 2 kartice */
.fgrid.fgrid-2{grid-template-columns:repeat(2,1fr);max-width:900px}
@media (max-width:760px){.fgrid.fgrid-2{grid-template-columns:1fr}}
.fleet-note{margin:24px 0 0;color:var(--stone)}
.fleet-note a{color:var(--blue);font-weight:700}

/* mobilna dorada naslovnice */
@media (max-width:640px){
  section{padding:56px 0}
  .hero{padding-top:36px}
  .booking.booking-live{padding:18px 14px 8px;margin-top:36px}
  .cta-band{padding:30px 24px}
  .cta-band .ctas{margin-left:0}
  .foot{grid-template-columns:1fr 1fr}
}

/* ======================= v1.4: preostali narancasti detalji plugina ======================= */
.mpm .chbs-vehicle-content-price span{color:#174C5B!important}
.mpm .chbs-main a.chbs-button.chbs-button-style-2.chbs-state-selected{background:#174C5B!important;border-color:#174C5B!important;color:#fff!important}
.mpm .chbs-main a.chbs-button.chbs-button-style-2{border-radius:12px!important}
.mpm .chbs-main .ui-tabs-active>a.ui-tabs-anchor,.mpm .chbs-main li.ui-state-active>a.ui-tabs-anchor{background:#174C5B!important;border-color:#174C5B!important;color:#fff!important}
.mpm .ui-timepicker-wrapper .ui-timepicker-selected,.mpm .ui-timepicker-list li.ui-timepicker-selected{color:#174C5B!important;background:#EDE5D8!important}
.mpm .ui-timepicker-list li:hover{background:#174C5B!important;color:#fff!important}
.mpm .ui-menu-item-wrapper.ui-state-active{color:#174C5B!important;border-color:#174C5B!important;background:#EDE5D8!important}
.mpm .ui-datepicker .ui-state-highlight,.mpm .ui-datepicker .ui-state-active,.mpm .ui-datepicker td a.ui-state-hover{border-color:#174C5B!important;color:#174C5B!important;background:transparent!important}
.mpm .ui-datepicker td a.ui-state-active{background:#174C5B!important;color:#fff!important}
.mpm .chbs-main .chbs-form-checkbox{border-color:#174C5B!important}
.mpm .chbs-main a.chbs-payment-type-1.chbs-state-selected,.mpm .chbs-main [class*="chbs-payment-type"].chbs-state-selected{border-color:#174C5B!important}
.mpm .chbs-main .chbs-meta-icon-tick{background:#174C5B!important}

/* ======================= v2.0.2: mobilno - bez vodoravnog klizanja ======================= */
body.mpm{overflow-x:clip}
.foot{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr)}
.foot a,.foot li,.foot .about{overflow-wrap:anywhere}
@media (max-width:820px){ .foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} }
@media (max-width:520px){ .foot{grid-template-columns:minmax(0,1fr); gap:28px} }
.cc a:not(.btn){overflow-wrap:anywhere}
.mpm-content{overflow-wrap:break-word}

/* ======================= v2.1: jezicni izbornik ======================= */
.langsw{position:relative}
.langsw-btn{font:inherit;font-size:13.5px;font-weight:700;color:var(--stone);background:none;border:0;cursor:pointer;padding:6px 4px}
.langsw-btn:hover,.langsw:focus-within .langsw-btn{color:var(--blue)}
.langsw ul.sub{position:absolute;top:100%;right:0;left:auto;min-width:150px;margin:0;padding:8px 0;list-style:none;background:var(--white);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow);display:none;z-index:60}
.langsw:hover ul.sub,.langsw:focus-within ul.sub{display:block}
.langsw ul.sub a{display:block;padding:8px 18px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.langsw ul.sub a:hover,.langsw ul.sub a[aria-current]{background:var(--cream);color:var(--blue)}
.mnav-panel .mlang{display:flex;gap:10px;padding:8px 0 4px;border-bottom:1px solid var(--border-soft)}
.mnav-panel .mlang a{border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;border-bottom:1px solid var(--border)}
.mnav-panel .mlang a.cur{background:var(--blue);border-color:var(--blue);color:#fff}
@media (max-width:920px){ .langsw{display:none} }