/* WordPress/Gutenberg integration. Visual values inherit from the original Orogu stylesheet (main.css). */
.site-main,.orogu-home-content{width:100%;max-width:none;margin:0;padding:0}

/* Standard WordPress navigation output */
.links ul{display:flex;gap:25px;align-items:center;list-style:none;margin:0;padding:0}.links li{margin:0}.links a{font-size:.92rem;font-weight:700;color:#34473a}.links a:hover{color:#d5ad62}.footlinks ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.footlinks li{margin:0}.brand .custom-logo-link{display:flex}.brand img.custom-logo{width:56px;height:56px;object-fit:cover;border-radius:50%;border:2px solid var(--gold)}.wp-block-button__link{font-weight:750}

/* Standard blog, archive and search templates */
.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px;align-items:start}.post-card{padding:24px 0;border-bottom:1px solid #e6e9e3}.post-card h2 a{color:inherit;text-decoration:none}.post-thumbnail img{width:100%;height:auto;border-radius:14px}.entry-meta{color:#718076;font-size:.88rem}.widget-area .widget{margin:0 0 28px}.widget-title{font-size:1.1rem}@media(max-width:760px){.content-with-sidebar{grid-template-columns:1fr}}

/* Match the supplied Orogu reference layout while keeping WordPress navigation markup. */
.links>div{display:block}.links ul{flex-direction:row}
@media(max-width:700px){.links>div{width:100%}.links ul{width:100%;flex-direction:column;align-items:stretch}.links li{width:100%}.links a{display:block;width:100%}}

/* ==========================================================================
   Gutenberg homepage adapter (v2.5.0)
   The original Orogu stylesheet (main.css) is untouched and styles the homepage
   directly: the homepage blocks carry the original class names (.hero, .card,
   .photo, .whygrid, .benefit, .steps, .faqgrid ...). The rules below only bridge
   the differences between WordPress blocks and the original elements (e.g. a
   <p> where the original used a <span>) and are loaded on the front end AND in
   the editor canvas, so both show the same design.
   ========================================================================== */

/* --- Original element margins. theme.json sets the block gap to 0, but WordPress still zeroes first/last-child margins at specificity (0,2,0), which
       would beat the original h1/h2/h3/p margins. They are restated here (doubled class = higher specificity), followed by the original per-section overrides. --- */
.wp-block-group.wp-block-group h1{margin:18px 0}
.wp-block-group.wp-block-group h2{margin:13px 0 18px}
.wp-block-group.wp-block-group h3{margin:0 0 9px}
.wp-block-group.wp-block-group p{margin:1em 0}
.ctapanel.ctapanel h2{margin:12px 0}
.ctapanel.ctapanel p{margin:0}
.step.step p{margin-bottom:0}
.benefit.benefit p{margin:3px 0 0}
.faqlist.faqlist details p{margin:13px 0 0}

/* --- Hero (core/cover). main.css .hero:before is replaced by the Cover block's own image + overlay. --- */
.wp-block-cover.hero{min-height:640px;padding:0;justify-content:flex-start;align-items:center;background:var(--g);color:#fff}
.wp-block-cover.hero:before{content:none;display:none}
.wp-block-cover.hero>.wp-block-cover__inner-container{position:static;width:100%!important;max-width:none;padding:0;color:inherit}
.wp-block-cover.hero .wrap{position:relative;z-index:2}
.wp-block-cover.hero .heronote{z-index:2}
.hero.hero .heronote p{margin:0;max-width:none}
.hero .heronote p.heronote-title{color:var(--g);font-size:1rem;font-weight:700}
.hero .heronote p.heronote-text{color:var(--muted);font-size:smaller}
.hero .wp-block-buttons.actions{margin:25px 0;gap:12px}
ul.trustnotes{list-style:none;margin:0;padding:0}
ul.trustnotes li{margin:0;padding:0}
ul.trustnotes li:before{content:"✓";color:#f0d28f;margin-right:8px}
@media(max-width:700px){.wp-block-cover.hero{min-height:620px}}

/* --- <p> versions of the original <span>/<div> text elements --- */
.wp-block-group.wp-block-group p.eyebrow{margin:0;max-width:none;font-size:.75rem;line-height:25.6px}
.ctapanel p.eyebrow{color:#f0d28f}
.trustitem.trustitem p{margin:0;color:var(--g)}
.trustitem p.trusticon{color:#a87928;font-size:1.2rem}
.photo .wp-block-image{margin:0;height:100%}
.photo.photo p.pill{margin:0}
.body.body p.meta{margin:0 0 9px;min-height:0;font-size:.8rem}
.step.step p.num{margin:0 0 20px}
.wp-block-group.wp-block-group p.photo-disclaimer{font-size:.82rem;margin:20px 0 13.12px}
.benefit.benefit p.benefiticon{margin:0;font-size:1rem;line-height:1.6;font-family:system-ui,-apple-system,"Segoe UI","Segoe UI Symbol","Apple Symbols","Noto Sans Symbols","Noto Sans Symbols 2","DejaVu Sans",sans-serif}
.benefit .benefittext{min-width:0;flex:1 1 auto}
.benefit.benefit h3.benefit-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:normal;line-height:1.6;color:var(--ink)}
.whyphoto .wp-block-image{margin:0}
.badgebox.badgebox p{margin:0}
.badgebox p.badge-title{display:block;font:1.4rem Georgia,serif;color:#f0d28f}
.badgebox p.badge-text{font-size:.86rem;line-height:25.6px;color:#fff}

/* --- Buttons (core/button). The wrapper keeps its class names (they are the editable hooks); the visuals live on the
       inner link, so wrapper and link are never styled twice (this was the cause of the double outlines). --- */
.wp-block-button.btn,.wp-block-button.btn:hover,
.wp-block-button.filter,.wp-block-button.filter:hover,.wp-block-button.filter.active,
.wp-block-button.textlink{background:none;border:0;border-radius:0;padding:0;margin:0;color:inherit;transform:none}
.wp-block-button.btn .wp-block-button__link{border:1px solid transparent;border-radius:999px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:inherit;font-weight:750;line-height:inherit;text-decoration:none;transition:.2s}
.wp-block-button.btn .wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button.gold .wp-block-button__link{background:var(--gold);color:#17241e}
.wp-block-button.greenbtn .wp-block-button__link{background:var(--g);color:#fff}
.wp-block-button.outline .wp-block-button__link{background:transparent;border-color:#ffffffa8;color:#fff}
.wp-block-buttons.filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}
.wp-block-button.filter .wp-block-button__link{display:inline-block;border:1px solid #dce3dc;border-radius:999px;padding:10px 15px;background:#fff;color:#425348;font-size:inherit;font-weight:750;line-height:inherit;text-decoration:none}
.wp-block-button.filter.active .wp-block-button__link,.wp-block-button.filter .wp-block-button__link:hover{background:var(--g);color:#fff;border-color:var(--g)}
.wp-block-button.textlink .wp-block-button__link{display:inline;padding:0;border:0;border-radius:0;background:transparent;color:var(--g2);font-size:.91rem;font-weight:850;line-height:calc(1rem*1.6);text-decoration:none}
.wp-block-button.orogu-interest,.wp-block-button.orogu-open-trip,.wp-block-button.orogu-open-inquiry,.wp-block-button.orogu-open-question{cursor:pointer}