/* RR_KIT_V4 (15 Oct 2026): the group's Tuio-style look for RentRooster (.ie/.co.uk/.es), in RentRooster's own navy
   and green. Linked last in src/layouts/Layout.astro. Appearance only: radius, weight, spacing, colour of chips and
   bands, hero alignment and a decorative line drawing. Poppins is already the site font. No text, links or headings
   change. */
:root{--r-navy:#003366;--r-navy2:#0b2a4a;--r-ink:#16283a;--r-muted:#55636f;--r-line:#e1e9f0;--r-pale:#f3f7fb;--r-pale2:#e6f0f9;--r-green:#1f7a35;--r-soft:0 2px 6px rgba(11,42,74,.05),0 12px 28px rgba(11,42,74,.07)}

/* headings: lighter, friendlier weight */
html body h1,html body h2{font-weight:600;letter-spacing:-.015em}
html body .rr-hero h1{font-size:clamp(2.3rem,4.6vw,3.6rem);line-height:1.12}

/* buttons: pills */
html body .btn.theme-btn-1,html body .btn.theme-btn-3,html body .btn-outline-dark,html body .btn-primary,html body .btn-dark,html body .btn-white,html body .btn-light,html body .btn-outline-light,html body .searchNow,html body .rr-contact-submit,html body .rr-support-bubble{border-radius:999px !important;font-weight:600}
html body .btn.btn-effect-1,html body .btn.btn-effect-3{overflow:hidden}
html body .btn.theme-btn-1{box-shadow:0 6px 16px rgba(0,51,102,.22)}
html body .btn.theme-btn-1,html body .btn-outline-dark{padding-left:28px;padding-right:28px}
html body .searchNow.text-uppercase{text-transform:none !important;font-size:1rem}

/* search box: pill */
html body .rr-search-input{border-radius:999px !important;min-height:54px;padding-left:22px;border:1px solid #cfdbe6;box-shadow:var(--r-soft)}
html body .rr-search-input:focus{border-color:var(--r-navy);box-shadow:0 0 0 4px rgba(0,51,102,.12)}

/* kickers become chips */
/* (v2) a see-through tint with an outline, and the kicker keeps its own text colour: on dark bands the kickers have light
   text, and a pale chip under them was light-on-light */
html body .rr-eyebrow,html body .rr-about-eyebrow,html body .rr-contact-eyebrow{display:inline-block;background:rgba(0,51,102,.06);box-shadow:inset 0 0 0 1px rgba(110,145,185,.35);padding:6px 14px;border-radius:999px;letter-spacing:.06em;font-weight:700}

/* homepage hero: centred search-first hero, the illustration below it */
html body .rr-hero>.container>.row{justify-content:center}
html body .rr-hero>.container>.row>[class*=col-]{flex:0 0 100%;max-width:880px;text-align:center}
html body .rr-hero>.container>.row>[class*=col-]:last-child:not(:first-child){max-width:400px}
html body .rr-hero .rr-hero-copy{margin-left:auto;margin-right:auto;max-width:720px}
html body .rr-hero .rr-search-box{max-width:720px;margin-left:auto;margin-right:auto}
html body .rr-hero .rr-popular-searches,html body .rr-hero .rr-hero-actions,html body .rr-hero .rr-hero-reassurance{justify-content:center}
@media(max-width:767px){html body .rr-hero .rr-popular-searches{justify-content:flex-start;text-align:left}}

/* inner-page heroes (theme breadcrumb band): pale, centred, a line-drawn route with a house, a parcel and a pin */
html body .ltn__breadcrumb-area{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='90' viewBox='0 0 1200 90'%3E%3Cpath d='M0 66 C180 22 330 86 500 50 S840 12 1000 56 S1150 64 1200 40' fill='none' stroke='%231f7a35' stroke-width='2.5' stroke-dasharray='2 9' stroke-linecap='round' opacity='.55'/%3E%3Cg fill='%23fff' stroke='%23003366' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M262 64 v-22 l20 -16 l20 16 v22 z'/%3E%3Cpath d='M486 52 h28 v-22 h-28 z'/%3E%3Cpath d='M486 38 h28 M500 30 v22' fill='none'/%3E%3C/g%3E%3Cpath d='M1000 56 c-9 -11 -13 -17 -13 -23 a13 13 0 0 1 26 0 c0 6 -4 12 -13 23 z' fill='%23fff' stroke='%231f7a35' stroke-width='2.2'/%3E%3Ccircle cx='1000' cy='33' r='4' fill='%231f7a35'/%3E%3C/svg%3E") center bottom 6px/1200px 90px no-repeat,var(--r-pale) !important;padding-bottom:100px !important;border-bottom:1px solid var(--r-line)}
html body .ltn__breadcrumb-area:before,html body .ltn__breadcrumb-area:after{display:none !important}
html body .ltn__breadcrumb-inner{text-align:center}
html body .ltn__breadcrumb-inner .page-title{font-weight:600}
html body .ltn__breadcrumb-list ul{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding-left:0}

/* pale bands, cards */
html body .section-bg-1{background-color:var(--r-pale) !important}
html body .rr-category-card,html body .rr-trust-card,html body .rr-protection-card,html body .rr-guide-card,html body .rr-archive-card,html body .rr-contact-card,html body .rr-company-card,html body .rr-contact-form-card{border-radius:20px !important;border-color:var(--r-line) !important;box-shadow:var(--r-soft)}
html body .rr-category-chip,html body .rr-popular-searches a{border-color:var(--r-line)}

/* FAQ rows: rounded white cards with a gap */
html body .ltn__faq-inner .card{border:1px solid var(--r-line) !important;border-radius:16px !important;overflow:hidden;margin-bottom:10px;box-shadow:0 2px 6px rgba(11,42,74,.04)}

/* (v2) the 'Join RentRooster' call-to-action heading and 'Why Choose RentRooster?' became H2s (they were extra H1s in
   shared components); keep the size they had as H1s */
html body .coll-to-info h2{font-size:clamp(24px,2.8vw,36px);font-weight:600;line-height:1.3;color:#fff;margin-bottom:15px}

/* (v2) existing bug: on the legal pages the dark header's intro text inherited the page's grey (2.3:1 on navy) */
html body .rr-legal-page .rr-legal-head p{color:#dbe4ed !important}
html body .rr-legal-page .rr-legal-head strong{color:#fff !important}

/* (v3) existing bug: the blog's 'Archive' kicker reused the pale blue meant for the dark hero (2.3:1 on the light section) */
html body .rr-archive-section .rr-eyebrow{color:var(--r-navy) !important}

/* (v4) /our-mission: 'Our Mission at RentRooster' became an H2 (it was a second H1 under the page-title H1); same look */
html body #mission>h2:first-child{font-size:clamp(24px,2.8vw,36px);font-weight:600;line-height:1.3;color:var(--r-navy);margin-bottom:15px}
/* (v4) /search: a compact H1 matching the page title (the page had none) */
html body .rr-search-title{font-size:1.3rem;font-weight:600;line-height:1.3;color:var(--r-navy);margin:0 0 12px}