
:root{
  --rab-green:#77a936;
  --rab-green-dark:#557d29;
  --rab-dark:#152019;
  --rab-soft:#f5f6f1;
  --rab-muted:#687169;
  --rab-line:rgba(21,32,25,.12);
  --rab-shadow:0 18px 45px rgba(21,32,25,.12);
}
.rab-act-hero{position:relative;background:#385f44}
.rab-act-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,14,.72),rgba(8,28,14,.32) 52%,rgba(8,28,14,.05) 82%);pointer-events:none}
.rab-act-hero .wp-block-cover__inner-container{position:relative;z-index:2}
.rab-act-kanu{background-color:#527864}
.rab-act-zipline{background-color:#31553a}
.rab-act-paintball{background-color:#4c573d}
.rab-act-hero-in{padding:110px 22px 82px}
.rab-kicker{font-size:12px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase;margin:0 0 16px!important}
.rab-green{color:var(--rab-green-dark)!important}
.rab-act-title{font-size:clamp(48px,6vw,80px)!important;line-height:.97!important;letter-spacing:-.05em!important;color:#fff!important;max-width:850px;margin:0 0 22px!important}
.rab-act-intro{font-size:20px!important;line-height:1.6!important;max-width:650px;color:rgba(255,255,255,.9)!important}
.rab-btn-primary .wp-block-button__link{background:var(--rab-green)!important;color:#fff!important;border-radius:8px!important;padding:14px 20px!important;font-weight:800!important}
.rab-act-facts-wrap{position:relative;z-index:5;margin-top:-32px;padding:0 22px}
.rab-act-facts{background:#fff;border:1px solid var(--rab-line);border-radius:18px;overflow:hidden;gap:0!important;box-shadow:var(--rab-shadow)}
.rab-act-facts>.wp-block-column{padding:20px 22px;border-right:1px solid var(--rab-line)}
.rab-act-facts>.wp-block-column:last-child{border-right:0}
.rab-act-number{font-size:28px!important;line-height:1!important;font-weight:900!important;color:var(--rab-green-dark)!important;margin:0 0 5px!important}
.rab-act-label{font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--rab-muted)!important;margin:0!important}
.rab-act-section{padding:105px 22px}
.rab-act-split{gap:64px!important;align-items:center}
.rab-act-photo{border-radius:22px;background:#e3ebe1;box-shadow:var(--rab-shadow)}
.rab-h2{font-size:clamp(38px,4.4vw,60px)!important;line-height:1.05!important;letter-spacing:-.04em!important;color:var(--rab-dark)!important;margin:0 0 22px!important}
.rab-lead{font-size:20px!important;line-height:1.6!important;color:#27342b!important}
.rab-act-copy p:not(.rab-kicker):not(.rab-lead):not(.rab-more-link){color:var(--rab-muted)}
.rab-more-link a{color:var(--rab-green-dark)!important;font-weight:800;text-decoration:none}
.rab-act-soft{padding:88px 22px 96px;background:var(--rab-soft)}
.rab-section-head{margin-bottom:40px}
.rab-act-cards{gap:18px!important}
.rab-act-cards>.wp-block-column{background:#fff;border:1px solid var(--rab-line);border-radius:18px;padding:28px;box-shadow:0 7px 22px rgba(16,61,30,.05)}
.rab-step-no{font-size:12px!important;font-weight:900!important;letter-spacing:.14em!important;color:var(--rab-green-dark)!important;margin:0 0 28px!important}
.rab-act-cards h3{font-size:22px!important;margin:0 0 10px!important;color:var(--rab-dark)!important}
.rab-act-cards p{color:var(--rab-muted);margin-bottom:0!important}
.rab-act-price-section{padding:95px 22px;background:#fff}
.rab-act-price-grid{gap:64px!important}
.rab-price-card{background:var(--rab-dark);color:#fff;border-radius:20px;padding:34px;box-shadow:var(--rab-shadow)}
.rab-price-badge{font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;color:#b8dc79!important;margin:0!important}
.rab-price-value{font-size:58px!important;line-height:1!important;color:#fff!important;margin:12px 0 5px!important}
.rab-price-small{color:rgba(255,255,255,.7)!important;margin:0 0 24px!important}
.rab-act-safety{padding:90px 22px;background:#f7f8f4}
.rab-act-faq{padding:90px 22px;background:#fff}
.rab-faq-item{max-width:980px;margin-left:auto!important;margin-right:auto!important;border-bottom:1px solid var(--rab-line);padding:0!important}
.rab-faq-item summary{padding:20px 4px;font-weight:800;cursor:pointer;color:var(--rab-dark)}
.rab-faq-item p{padding:0 4px 20px;color:var(--rab-muted)}
.rab-final-cta{padding:90px 22px;background:var(--rab-dark);color:#fff}
.rab-final-cta-in{text-align:center}
.rab-final-title{font-size:clamp(40px,5vw,62px)!important;color:#fff!important;margin:0 0 14px!important}
.rab-final-text{color:rgba(255,255,255,.75)!important;font-size:18px!important;margin:0 auto 26px!important;max-width:680px}

/* Nivaro gap fix samo za naše activity stranice */
body.rab-has-activity-page .site-content,
body.rab-has-activity-page #content,
body.rab-has-activity-page .content-area,
body.rab-has-activity-page #primary,
body.rab-has-activity-page main.site-main,
body.rab-has-activity-page .site-main,
body.rab-has-activity-page .main-content,
body.rab-has-activity-page .page-content,
body.rab-has-activity-page .entry-content{
  padding-top:0!important;
  margin-top:0!important;
}
body.rab-has-activity-page .page-header:not(header.site-header),
body.rab-has-activity-page .entry-header:not(.site-header),
body.rab-has-activity-page .page-title-area,
body.rab-has-activity-page .page-header-area,
body.rab-has-activity-page .breadcrumb-area,
body.rab-has-activity-page .breadcrumbs-area{
  display:none!important;
}

@media(max-width:900px){
  .rab-act-split,.rab-act-price-grid{flex-wrap:wrap!important;gap:34px!important}
  .rab-act-split>.wp-block-column,.rab-act-price-grid>.wp-block-column{flex-basis:100%!important}
  .rab-act-facts{flex-wrap:wrap!important}
  .rab-act-facts>.wp-block-column{flex-basis:50%!important;border-bottom:1px solid var(--rab-line)}
  .rab-act-facts>.wp-block-column:nth-child(2){border-right:0}
  .rab-act-cards{flex-wrap:wrap!important}
  .rab-act-cards>.wp-block-column{flex-basis:100%!important}
}
@media(max-width:600px){
  .rab-act-hero-in{padding:88px 14px 68px}
  .rab-act-title{font-size:46px!important}
  .rab-act-facts-wrap{padding:0 14px;margin-top:-24px}
  .rab-act-facts>.wp-block-column{padding:16px 13px}
  .rab-act-section,.rab-act-price-section,.rab-act-safety,.rab-act-faq,.rab-final-cta{padding:68px 14px}
  .rab-act-soft{padding:68px 14px}
  .rab-act-photo{min-height:350px!important}
}


/* =========================================================
   v2.0.1 – Gutenberg/Nivaro editor preview
   Isti vizualni CSS učitava se i u block editoru.
   ========================================================= */

/* Editor mora dopustiti full/wide blokovima da se vizualno rašire. */
.editor-styles-wrapper .rab-act-hero,
.editor-styles-wrapper .rab-act-facts-wrap,
.editor-styles-wrapper .rab-act-section,
.editor-styles-wrapper .rab-act-soft,
.editor-styles-wrapper .rab-act-price-section,
.editor-styles-wrapper .rab-act-safety,
.editor-styles-wrapper .rab-act-faq,
.editor-styles-wrapper .rab-final-cta{
    max-width:none !important;
}

/* Gutenberg editor često ograniči alignwide širinu na širinu teme. */
.editor-styles-wrapper .rab-act-hero-in,
.editor-styles-wrapper .rab-act-facts,
.editor-styles-wrapper .rab-act-split,
.editor-styles-wrapper .rab-section-head,
.editor-styles-wrapper .rab-act-cards,
.editor-styles-wrapper .rab-act-price-grid,
.editor-styles-wrapper .rab-final-cta-in{
    width:min(1180px, calc(100% - 40px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* U editoru Cover bez odabrane slike neka izgleda kao namjerni placeholder. */
.editor-styles-wrapper .rab-act-photo{
    background:
      linear-gradient(135deg,rgba(119,169,54,.08),rgba(85,125,41,.16)),
      #e8eee5 !important;
    outline:1px dashed rgba(85,125,41,.35);
}

/* Hero bez odabrane slike mora i dalje imati reprezentativan background. */
.editor-styles-wrapper .rab-act-kanu{
    background:#527864 !important;
}
.editor-styles-wrapper .rab-act-zipline{
    background:#31553a !important;
}
.editor-styles-wrapper .rab-act-paintball{
    background:#4c573d !important;
}

/* Gutenberg selected-block outline ne smije razbiti layout. */
.editor-styles-wrapper .rab-act-facts > .block-editor-block-list__block,
.editor-styles-wrapper .rab-act-cards > .block-editor-block-list__block{
    margin-top:0;
    margin-bottom:0;
}

/* U editoru zadrži kontrast teksta u hero/CTA blokovima. */
.editor-styles-wrapper .rab-act-hero .rab-kicker,
.editor-styles-wrapper .rab-act-hero .rab-act-title,
.editor-styles-wrapper .rab-act-hero .rab-act-intro,
.editor-styles-wrapper .rab-final-cta .rab-kicker,
.editor-styles-wrapper .rab-final-cta .rab-final-title,
.editor-styles-wrapper .rab-final-cta .rab-final-text{
    color:#fff !important;
}

/* Malo kompaktniji editor preview na užem editor canvasu. */
@media (max-width: 1000px){
    .editor-styles-wrapper .rab-act-hero-in,
    .editor-styles-wrapper .rab-act-facts,
    .editor-styles-wrapper .rab-act-split,
    .editor-styles-wrapper .rab-section-head,
    .editor-styles-wrapper .rab-act-cards,
    .editor-styles-wrapper .rab-act-price-grid,
    .editor-styles-wrapper .rab-final-cta-in{
        width:calc(100% - 28px) !important;
    }
}
