/*
Theme Name: RRW Professional Theme
Theme URI: https://rubbishremovalwalthamstow.co.uk/
Author: ClickDo
Description: Clean professional WordPress theme for Rubbish Removal Walthamstow.
Version: 2.0
License: GPLv2 or later
Text Domain: rrw
*/

:root{
    --rrw-green:#29AB87;
    --rrw-dark:#0F172B;
    --rrw-text:#1f2937;
    --rrw-muted:#64748b;
    --rrw-light:#f6f8f7;
    --rrw-white:#ffffff;
    --rrw-border:#e5e7eb;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    color:var(--rrw-text);
    background:#fff;
    font-size:16px;
    line-height:1.65;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}

a{
    color:inherit;
    text-decoration:none;
}

.rrw-container{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}

.rrw-topbar{
    background:var(--rrw-dark);
    color:#fff;
    font-size:14px;
}

.rrw-topbar-inner{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.rrw-topbar-item{
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
}

.rrw-header{
    background:#fff;
    border-bottom:1px solid var(--rrw-border);
    position:sticky;
    top:0;
    z-index:999;
    box-shadow:0 6px 24px rgba(15,23,43,.06);
}

.admin-bar .rrw-header{top:32px}

.rrw-header-inner{
    min-height:88px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
}

.rrw-logo{
    display:flex;
    flex-direction:column;
    line-height:1.05;
    font-weight:900;
    color:var(--rrw-green);
    font-size:28px;
    letter-spacing:-.7px;
}

.rrw-logo span:last-child{
    color:var(--rrw-dark);
    font-size:14px;
    font-weight:700;
    margin-top:6px;
    letter-spacing:0;
}

.rrw-nav-wrap{
    display:flex;
    align-items:center;
    gap:24px;
}

.rrw-menu,
.rrw-menu ul{
    list-style:none;
    margin:0;
    padding:0;
}

.rrw-menu{
    display:flex;
    align-items:center;
    gap:6px;
}

.rrw-menu li{
    position:relative;
    margin:0;
    padding:0;
}

.rrw-menu a{
    display:block;
    padding:12px 14px;
    color:var(--rrw-dark);
    font-weight:700;
    font-size:15px;
    border-radius:10px;
    transition:.2s ease;
}

.rrw-menu a:hover,
.rrw-menu .current-menu-item>a,
.rrw-menu .current_page_item>a{
    color:var(--rrw-green);
    background:rgba(41,171,135,.1);
}

.rrw-header-cta{
    background:var(--rrw-green);
    color:#fff;
    padding:13px 20px;
    border-radius:999px;
    font-weight:800;
    box-shadow:0 8px 22px rgba(41,171,135,.28);
}

.rrw-mobile-toggle{
    display:none;
    width:44px;
    height:44px;
    border:1px solid var(--rrw-border);
    background:#fff;
    border-radius:10px;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.rrw-mobile-toggle span,
.rrw-mobile-toggle span:before,
.rrw-mobile-toggle span:after{
    display:block;
    width:22px;
    height:2px;
    background:var(--rrw-dark);
    content:"";
    position:relative;
    transition:.2s ease;
}

.rrw-mobile-toggle span:before{position:absolute; top:-7px}
.rrw-mobile-toggle span:after{position:absolute; top:7px}

.rrw-hero{
    position:relative;
    min-height:650px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        linear-gradient(90deg, rgba(15,23,43,.88), rgba(15,23,43,.58), rgba(15,23,43,.2)),
        url('https://rubbishremovalwalthamstow.co.uk/wp-content/uploads/2026/05/Rubbish-Removal-Services-Walthamstow.webp') center/cover no-repeat;
    color:#fff;
} 




.rrw-hero-content{
    max-width:720px;
    padding:90px 0;
}

.rrw-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    padding:9px 14px;
    color:#fff;
    font-weight:800;
    margin-bottom:22px;
}

.rrw-hero h1{
    margin:0 0 22px;
    font-size:64px;
    line-height:1.05;
    letter-spacing:-1.8px;
    color:#fff;
}

.rrw-hero p{
    margin:0 0 32px;
    max-width:620px;
    font-size:20px;
    color:rgba(255,255,255,.9);
}

.rrw-btn-row{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.rrw-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:999px;
    padding:15px 24px;
    font-weight:900;
    transition:.2s ease;
}

.rrw-btn-primary{
    background:var(--rrw-green);
    color:#fff;
}

.rrw-btn-primary:hover{transform:translateY(-2px)}

.rrw-btn-secondary{
    background:#fff;
    color:var(--rrw-dark);
}

.rrw-section{
    padding:90px 0;
}

.rrw-section-light{
    background:var(--rrw-light);
}

.rrw-section-head{
    max-width:760px;
    margin:0 auto 48px;
    text-align:center;
}

.rrw-section-head h2{
    margin:0 0 14px;
    font-size:42px;
    line-height:1.15;
    letter-spacing:-1px;
    color:var(--rrw-dark);
}

.rrw-section-head p{
    margin:0;
    font-size:18px;
    color:var(--rrw-muted);
}

.rrw-services-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:28px;
}

.rrw-card{
    background:#fff;
    border:1px solid var(--rrw-border);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 14px 40px rgba(15,23,43,.08);
    transition:.2s ease;
}

.rrw-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 50px rgba(15,23,43,.12);
}

.rrw-card-img{
    height:230px;
    background:#ddd center/cover no-repeat;
}

.rrw-card-body{
    padding:26px;
}

.rrw-card-icon{
    width:52px;
    height:52px;
    border-radius:14px;
    background:rgba(41,171,135,.12);
    color:var(--rrw-green);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:18px;
}

.rrw-card h3{
    margin:0 0 10px;
    font-size:22px;
    color:var(--rrw-dark);
}

.rrw-card p{
    margin:0 0 18px;
    color:var(--rrw-muted);
}

.rrw-card a{
    color:var(--rrw-green);
    font-weight:900;
}

.rrw-about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:center;
}

.rrw-about-image{
    min-height:460px;
    border-radius:28px;
    background:url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat;
    box-shadow:0 20px 60px rgba(15,23,43,.14);
}

.rrw-about-content h2{
    margin:0 0 18px;
    font-size:42px;
    line-height:1.15;
    color:var(--rrw-dark);
}

.rrw-about-content p{
    color:var(--rrw-muted);
    margin:0 0 24px;
}

.rrw-check-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin:0 0 28px;
    padding:0;
    list-style:none;
}

.rrw-check-list li{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:800;
    color:var(--rrw-dark);
}

.rrw-check-list i{color:var(--rrw-green)}

.rrw-process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.rrw-process-step{
    background:#fff;
    border:1px solid var(--rrw-border);
    border-radius:20px;
    padding:28px;
    text-align:center;
}

.rrw-step-number{
    width:54px;
    height:54px;
    margin:0 auto 18px;
    border-radius:50%;
    background:var(--rrw-green);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    font-size:20px;
}

.rrw-process-step h3{
    margin:0 0 8px;
    color:var(--rrw-dark);
}

.rrw-process-step p{
    margin:0;
    color:var(--rrw-muted);
}

.rrw-cta{
    background:linear-gradient(135deg, var(--rrw-dark), #143a35);
    color:#fff;
    border-radius:32px;
    padding:56px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.rrw-cta h2{
    margin:0 0 10px;
    font-size:38px;
    line-height:1.15;
    color:#fff;
}

.rrw-cta p{
    margin:0;
    color:rgba(255,255,255,.82);
    font-size:18px;
}

.rrw-main{
    padding:70px 0;
}

.rrw-content-wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:40px;
}

.rrw-page-card,
.rrw-post-card,
.rrw-sidebar-widget{
    background:#fff;
    border:1px solid var(--rrw-border);
    border-radius:20px;
    padding:32px;
    box-shadow:0 10px 30px rgba(15,23,43,.06);
}

.rrw-page-card h1,
.rrw-post-card h1{
    margin-top:0;
    color:var(--rrw-dark);
    line-height:1.2;
}

.rrw-post-list{
    display:grid;
    gap:26px;
}

.rrw-post-card h2{
    margin:0 0 10px;
    color:var(--rrw-dark);
}

.rrw-sidebar-widget{
    margin-bottom:24px;
}

.rrw-sidebar-widget h3{
    margin-top:0;
    color:var(--rrw-dark);
}

.rrw-footer{
    background:var(--rrw-dark);
    color:#fff;
    padding:70px 0 0;
}

.rrw-footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.2fr;
    gap:45px;
}

.rrw-footer h3{
    margin:0 0 22px;
    font-size:22px;
    color:#fff;
}

.rrw-footer-brand{
    color:var(--rrw-green);
    font-size:30px;
    line-height:1.05;
    font-weight:900;
    margin-bottom:18px;
}

.rrw-footer p,
.rrw-footer li,
.rrw-footer a{
    color:#cbd5e1;
}

.rrw-footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

.rrw-footer li{
    margin-bottom:12px;
}

.rrw-footer a:hover{color:#fff}

.rrw-footer-contact p{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:0 0 14px;
}

.rrw-footer-contact i{
    color:var(--rrw-green);
    margin-top:5px;
}

.rrw-footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    margin-top:55px;
    padding:22px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#cbd5e1;
    font-size:14px;
}

.rrw-footer-bottom-links{
    display:flex;
    gap:20px;
}

@media(max-width:1024px){
    .rrw-services-grid{grid-template-columns:repeat(2,1fr)}
    .rrw-process-grid{grid-template-columns:repeat(2,1fr)}
    .rrw-footer-grid{grid-template-columns:repeat(2,1fr)}
    .rrw-content-wrap{grid-template-columns:1fr}
}

@media(max-width:782px){
    .admin-bar .rrw-header{top:46px}
}

@media(max-width:768px){
    .rrw-container{width:min(100% - 28px, 1180px)}
    .rrw-topbar-inner{flex-direction:column; align-items:flex-start; padding:10px 0; gap:6px}
    .rrw-header-inner{min-height:76px}
    .rrw-logo{font-size:24px}
    .rrw-logo span:last-child{font-size:12px}
    .rrw-mobile-toggle{display:flex}
    .rrw-nav-wrap{
        position:absolute;
        left:0;
        right:0;
        top:100%;
        background:#fff;
        border-bottom:1px solid var(--rrw-border);
        box-shadow:0 18px 35px rgba(15,23,43,.08);
        display:none;
        padding:16px 20px 22px;
        flex-direction:column;
        align-items:stretch;
    }
    .rrw-nav-wrap.is-open{display:flex}
    .rrw-menu{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:4px;
    }
    .rrw-menu a{padding:13px 12px}
    .rrw-header-cta{text-align:center}
    .rrw-hero{min-height:560px}
    .rrw-hero h1{font-size:42px}
    .rrw-hero p{font-size:17px}
    .rrw-section{padding:64px 0}
    .rrw-section-head h2,
    .rrw-about-content h2{font-size:34px}
    .rrw-services-grid,
    .rrw-process-grid,
    .rrw-about-grid,
    .rrw-footer-grid{grid-template-columns:1fr}
    .rrw-check-list{grid-template-columns:1fr}
    .rrw-about-image{min-height:340px}
    .rrw-cta{padding:34px; flex-direction:column; align-items:flex-start}
    .rrw-cta h2{font-size:30px}
    .rrw-footer-bottom{flex-direction:column; text-align:center}
    .rrw-footer-bottom-links{justify-content:center; flex-wrap:wrap}
}