/*
Theme Name: Linsight HorecaLeren
Theme URI: https://www.linsight.nl
Author: Maarten Keyman
Author URI: https://www.linsight.nl
Description: Wordpress thema voor horecaleren.nl
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: linsight-horecaleren
*/

        :root{
            --primary:#0b2b66;
            --accent:#2f80ff;
            --light:#f4f5f8;
        }

        body{
            font-family: "Inter", sans-serif;
        }

        /* Navbar */
.navbar-nav {
    gap: 2rem;
}

.navbar-nav .menu-item a {
    color: #08214d;
    font-weight: 600;
    text-decoration: none;
}

.navbar-nav .current-menu-item a {
    color: #4285f4;
}

.navbar-nav .menu-btn a {
    background: #4285f4;
    color: #fff !important;
    padding: 14px 28px;
    border-radius: 14px;
    display: inline-block;
}

.navbar-nav .menu-btn a:hover {
    background: #2d6cdf;
}

        .btn-primary-custom{
            background:var(--accent);
            border:none;
            padding:.8rem 1.5rem;
            border-radius:10px;
        }

        /* Hero */
        .hero{
            background:#eef0f4;
            padding:80px 0;
        }

        .hero h1{
            color:var(--primary);
            font-size:4rem;
            font-weight:800;
            line-height:1.05;
        }

        .hero p{
            color:#5d6472;
            max-width:500px;
            margin:auto;
        }

        /* Image collage */
        .hero-images{
            display:flex;
            gap:12px;
            justify-content:center;
            align-items:stretch;
        }

        .hero-images img{
            width:180px;
            height:420px;
            object-fit:cover;
            border-radius:8px;
        }

        .hero-images img:nth-child(1){
            transform:skew(-5deg);
        }

        .hero-images img:nth-child(2){
            transform:skew(-5deg);
        }

        .hero-images img:nth-child(3){
            transform:skew(-5deg);
        }

        /* Stats */
        .stats{
            border-top:4px solid var(--accent);
            background:white;
        }

        .stat-box{
            padding:25px;
            text-align:center;
            border-right:1px solid #e5e5e5;
        }

        .stat-box:last-child{
            border-right:none;
        }

        .stat-number{
            font-size:2rem;
            font-weight:800;
            color:var(--primary);
        }

        /* How it works */
        .steps{
            background:var(--primary);
            color:white;
            padding:90px 0;
        }

        .step-card{
            background:rgba(255,255,255,.06);
            border:1px solid rgba(255,255,255,.1);
            border-radius:12px;
            padding:20px;
            position:relative;
        }

        .step-number{
            width:40px;
            height:40px;
            background:var(--accent);
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-weight:700;
            margin-bottom:15px;
        }

        .section-badge{
            background:var(--accent);
            display:inline-block;
            padding:6px 14px;
            border-radius:999px;
            font-size:.8rem;
            margin-bottom:20px;
        }