/*
Theme Name: Waves Theme
Theme URI: https://wavessport.com
Author: Publicus
Description: Custom theme for Waves Sport - Spor Ayakkabı & Bot
Version: 1.0.0
Text Domain: waves-theme
*/

/* ===== RESET ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{
    font-family:'Montserrat',sans-serif;
    background:#0b1a2e;
    color:#fff;
    padding-top:140px;
    -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.admin-bar #waves-header{top:32px}

/* ===== HEADER ===== */
#waves-header{
    position:fixed;top:0;left:0;right:0;
    background:#132744;
    z-index:99999;
    border-bottom:1px solid rgba(255,255,255,0.06);
}
.waves-header-top{
    border-bottom:1px solid rgba(255,255,255,0.04);
}
.waves-header-top-inner{
    max-width:1200px;margin:0 auto;
    display:grid;grid-template-columns:1fr auto 1fr;
    align-items:center;
    padding:18px 30px 14px;
}
.waves-header-spacer{}
.waves-logo-link{
    display:flex;justify-content:center;
}
.waves-logo-link img{width:213px;height:82px;object-fit:contain}
.waves-header-right{
    display:flex;justify-content:flex-end;align-items:center;
}
.waves-lang-switcher{position:relative}
.waves-lang-btn{
    display:flex;align-items:center;gap:8px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:6px;padding:8px 14px;
    cursor:pointer;color:#fff;
    transition:background .2s;
}
.waves-lang-btn:hover{background:rgba(255,255,255,0.12)}
.waves-lang-label{font-size:13px;font-weight:500}
.waves-lang-arrow{transition:transform .2s}
.waves-lang-switcher.open .waves-lang-arrow{transform:rotate(180deg)}
.waves-flag{width:22px;height:auto;border-radius:2px}
.waves-lang-dropdown{
    display:none;position:absolute;top:calc(100% + 6px);right:0;
    background:#1a2744;border:1px solid rgba(255,255,255,0.15);
    border-radius:8px;overflow:hidden;min-width:100px;
    box-shadow:0 8px 24px rgba(0,0,0,0.3);z-index:99999;
}
.waves-lang-switcher.open .waves-lang-dropdown{display:block}
.waves-lang-option{
    display:flex;align-items:center;gap:8px;
    padding:10px 16px;color:#fff;text-decoration:none;
    font-size:13px;font-weight:500;transition:background .2s;
}
.waves-lang-option:hover{background:rgba(255,255,255,0.1)}
.waves-lang-option.active{background:rgba(255,255,255,0.06)}
.waves-header-bottom{
    display:flex;justify-content:center;align-items:center;
    padding:8px 30px;
}
.waves-menu{
    list-style:none;display:flex;gap:8px;margin:0;padding:0;
}
.waves-menu li a{
    color:rgba(255,255,255,0.75);font-size:14px;font-weight:500;
    padding:8px 22px;border-radius:4px;
    transition:all .25s;letter-spacing:.5px;
    display:block;
}
.waves-menu li a:hover,
.waves-menu li.current-menu-item a,
.waves-menu li.current_page_item a{
    color:#fff;background:rgba(255,255,255,0.08);
}

/* Hamburger */
#waves-hamburger{
    display:none;background:none;border:none;cursor:pointer;
    width:30px;height:22px;position:relative;z-index:100001;
    margin-left:15px;
}
#waves-hamburger span{
    display:block;height:2px;width:100%;background:#fff;
    border-radius:2px;position:absolute;left:0;transition:all .3s;
}
#waves-hamburger span:nth-child(1){top:0}
#waves-hamburger span:nth-child(2){top:10px}
#waves-hamburger span:nth-child(3){top:20px}
#waves-hamburger.active span:nth-child(1){top:10px;transform:rotate(45deg)}
#waves-hamburger.active span:nth-child(2){opacity:0}
#waves-hamburger.active span:nth-child(3){top:10px;transform:rotate(-45deg)}

/* ===== HERO ===== */
.waves-hero{
    min-height:85vh;
    background-size:cover;background-position:center;
    position:relative;display:flex;align-items:center;justify-content:center;
    margin-top:-140px;
}
.waves-hero-overlay{
    position:absolute;top:0;left:0;right:0;bottom:0;
    background:transparent;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:40px 20px;
}
.waves-hero-logo{
    width:280px;margin-bottom:30px;
    filter:brightness(0) invert(1);
}
.waves-hero h1{
    font-size:52px;font-weight:800;letter-spacing:6px;
    margin-bottom:12px;
    text-shadow:0 2px 20px rgba(0,0,0,0.4);
}
.waves-hero h2{
    font-size:22px;font-weight:300;letter-spacing:8px;
    opacity:0.85;
}

/* ===== SECTIONS ===== */
.waves-section{padding:80px 0}
.waves-container{max-width:1100px;margin:0 auto;padding:0 30px}
.waves-section-title{
    text-align:center;font-size:32px;font-weight:700;
    margin-bottom:50px;letter-spacing:1px;
}

/* ===== VIZYON / MISYON ===== */
.waves-vm-section{background:#0e1f38}
.waves-vm-grid{
    max-width:800px;margin:0 auto;
    text-align:center;
}
.waves-vm-card{
    padding:40px 20px;
}
.waves-vm-card h3{
    color:#fff;font-size:28px;font-weight:600;margin-bottom:20px;
    letter-spacing:.5px;
}
.waves-vm-card p{
    color:rgba(255,255,255,0.75);font-size:15px;line-height:1.8;
}

/* ===== GALLERY ===== */
.waves-gallery-section{background:#fff}
.waves-gallery-section .waves-section-title{color:#0b1a2e}
.waves-gallery-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.waves-gallery-item{
    background:#1e293b;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:12px;overflow:hidden;
    transition:transform .3s,box-shadow .3s;
    cursor:pointer;
}
.waves-gallery-item:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
}
.waves-gallery-item img,
.waves-gallery-item video{
    width:100%;height:220px;object-fit:cover;
    display:block;
}
.waves-gallery-item span{
    display:block;padding:16px;text-align:center;
    font-size:14px;font-weight:600;letter-spacing:.5px;
    color:#fff;
}

/* ===== NEREDEYIZ ===== */
.waves-neredeyiz-section{background:#0e1f38}
.waves-features-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:30px;
    text-align:center;
}
.waves-feature-card{
    padding:30px 15px;
    transition:transform .3s;
}
.waves-feature-card:hover{transform:translateY(-5px)}
.waves-feature-icon{margin-bottom:20px}
.waves-feature-icon img{
    width:80px;height:80px;object-fit:contain;
}
.waves-feature-icon .fa-icon-feature{
    font-size:64px;color:rgba(255,255,255,0.85);
    display:block;
    transition:color .3s,transform .3s;
}
.waves-feature-card:hover .fa-icon-feature{
    color:#fff;transform:scale(1.1);
}
.waves-feature-card h4{
    font-size:16px;font-weight:600;line-height:1.5;
    color:rgba(255,255,255,0.9);
}
.waves-map-wrapper{
    margin-bottom:40px;
    border-radius:12px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,0.08);
}
.waves-map-wrapper iframe{
    width:100%;height:400px;display:block;border:0;
}
.waves-map-section{background:#0e1f38;padding-top:0!important}

/* ===== PAGE TITLE (inner pages) ===== */
.waves-page-title{
    text-align:center;font-size:38px;font-weight:700;
    margin-bottom:50px;letter-spacing:1px;
}

/* ===== ABOUT ===== */
.waves-about-section{background:#0e1f38;min-height:60vh}
.waves-about-content{max-width:800px}
.waves-about-content p{
    color:rgba(255,255,255,0.75);font-size:15px;line-height:1.8;
    margin-bottom:20px;
}
.waves-about-content h3{
    color:#6db3f2;font-size:22px;font-weight:700;
    margin:35px 0 12px;
}

/* ===== PRODUCTS ===== */
.waves-products-section{background:#ffffff;color:#1a1a1a}
.waves-products-section .waves-section-title{color:#1a1a1a}
.waves-products-section .waves-section-title::after{background:#1a1a1a}
.waves-products-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:25px;
}
.waves-product-card{
    background:#fff;
    border:1px solid #e0e0e0;
    border-radius:12px;overflow:hidden;
    transition:transform .3s,box-shadow .3s;
}
.waves-product-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.12);
}
.waves-product-card img{
    width:100%;height:260px;object-fit:cover;display:block;
}
.waves-product-card h3{
    padding:20px 15px;text-align:center;
    font-size:16px;font-weight:600;color:#1a1a1a;
}
.waves-products-cta{
    text-align:center;margin-top:40px;
    color:#555;font-size:15px;
}
.waves-products-cta a{color:#2563eb;text-decoration:underline}

/* ===== BUTTON ===== */
.waves-btn{
    display:inline-block;padding:14px 35px;
    background:#4a9eff;color:#fff;border:none;
    border-radius:6px;font-weight:600;font-size:14px;
    letter-spacing:.5px;cursor:pointer;
    transition:background .3s,transform .2s;
    text-decoration:none;font-family:'Montserrat',sans-serif;
}
.waves-btn:hover{background:#3580d9;transform:translateY(-2px);color:#fff}
.waves-btn-full{width:100%}

/* ===== STORES ===== */
.waves-stores-hero{
    background-size:cover;background-position:center;
    position:relative;
}
.waves-stores-overlay{
    background:rgba(255,255,255,0.10);
    display:flex;align-items:center;justify-content:center;
    padding:120px 30px 100px;
}
.waves-stores-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:30px;
    max-width:1100px;width:100%;
}
.waves-store-card{
    background:#ffffff;
    border:none;
    border-radius:16px;padding:50px 28px 40px;text-align:center;
    position:relative;margin-top:30px;
}
.waves-store-card:hover{
    transform:translateY(-3px);
}
.waves-store-number{
    width:60px;height:60px;border-radius:50%;
    background:#d0d0d0;color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:26px;font-weight:800;
    position:absolute;top:-30px;left:50%;transform:translateX(-50%);
}
.waves-store-logo{
    height:55px;width:auto;display:block;margin:15px auto 20px;
}
.waves-store-card h3{
    font-size:17px;font-weight:700;margin-bottom:16px;
    letter-spacing:.8px;color:#1a2744;
}
.waves-store-card p{
    color:#555555;font-size:14px;line-height:1.65;
    margin-bottom:8px;
}
.waves-store-card .waves-btn{
    background:#1a2744;border-radius:4px;padding:12px 30px;
    font-size:13px;margin-top:10px;
}
.waves-store-card .waves-btn:hover{
    background:#0d1b36;
}

/* ===== CONTACT ===== */
.waves-contact-section{background:#ffffff;color:#1a1a1a}
.waves-contact-section .waves-section-title{color:#1a1a1a}
.waves-contact-section .waves-section-title::after{background:#1a1a1a}
.waves-contact-intro{
    text-align:center;color:#555;
    font-size:15px;line-height:1.7;max-width:700px;
    margin:0 auto 50px;
}
.waves-contact-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:50px;
}
.waves-contact-left h2{
    font-size:24px;font-weight:700;margin-bottom:30px;color:#1a1a1a;
}
.waves-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.waves-form-group{margin-bottom:18px}
.waves-form-group label{
    display:block;color:#666;
    font-size:12px;font-weight:500;margin-bottom:6px;
    text-transform:uppercase;letter-spacing:.5px;
}
.waves-form-group input,
.waves-form-group textarea{
    width:100%;padding:13px 16px;
    background:#f5f5f5;
    border:1px solid #ddd;
    border-radius:6px;color:#1a1a1a;font-size:14px;
    font-family:'Montserrat',sans-serif;
    transition:border-color .3s;
}
.waves-form-group input:focus,
.waves-form-group textarea:focus{
    outline:none;border-color:#4a9eff;
    background:#fff;
}
.waves-form-group textarea{resize:vertical;min-height:110px}
.waves-contact-sub{
    color:#666;font-size:14px;margin-bottom:25px;
}
.waves-info-card{
    background:#f8f9fa;
    border:1px solid #e0e0e0;
    border-radius:10px;padding:22px;margin-bottom:16px;
}
.waves-info-card h4{
    color:#2563eb;font-size:15px;font-weight:600;margin-bottom:10px;
}
.waves-info-card p{
    color:#555;font-size:14px;line-height:1.7;
}
.waves-hours{width:100%;color:#555;font-size:14px}
.waves-hours td{padding:4px 0}
.waves-hours td:first-child{font-weight:600;color:#1a1a1a;width:40%}
.waves-social-links{margin-top:20px}
.waves-social-links a{
    display:inline-flex;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:50%;
    background:#e8e8e8;color:#1a1a1a;
    font-size:18px;margin-right:10px;
    transition:background .3s,transform .2s;
}
.waves-social-links a:hover{
    background:#4a9eff;color:#fff;transform:translateY(-3px);
}

/* ===== FOOTER ===== */
#waves-footer{
    background:#060d18;
    border-top:1px solid rgba(255,255,255,0.06);
    padding:60px 30px 0;
}
.waves-footer-main{
    max-width:1100px;margin:0 auto;
    display:grid;grid-template-columns:1fr 1fr;gap:50px;
    padding-bottom:40px;
    align-items:start;
}
.waves-footer-logo{
    height:80px;margin-bottom:30px;
    filter:brightness(0) invert(1);
    opacity:0.9;
    display:block;
    margin-left:auto;margin-right:auto;
}
.waves-footer-logo-area{text-align:center}
.waves-footer-addresses{margin-bottom:30px}
.waves-footer-addr{margin-bottom:20px}
.waves-footer-addr h4{
    font-size:16px;font-weight:700;color:#fff;
    margin-bottom:6px;
}
.waves-footer-addr p{
    color:rgba(255,255,255,0.55);font-size:13px;line-height:1.7;
    margin-bottom:4px;
}
.waves-footer-phone{
    font-weight:700!important;color:#fff!important;
    font-size:14px!important;margin-top:6px;
}
.waves-footer-bottom-row{
    display:flex;align-items:center;gap:20px;
    margin-top:10px;
}
.waves-engin-logo{height:45px;opacity:0.7;transition:opacity .3s}
.waves-engin-logo:hover{opacity:1}
.waves-engin-link{display:inline-block}
.waves-footer-socials{display:flex;gap:10px}
.waves-footer-socials a{
    display:inline-flex;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:50%;
    background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.7);
    font-size:18px;
    transition:all .3s;
}
.waves-footer-socials a:hover{background:#3b5998;color:#fff}
/* Footer form */
.waves-footer-form{
    background:#fff;border-radius:8px;
    padding:30px;color:#333;
}
.waves-footer-form h3{
    font-size:20px;font-weight:600;color:#2b5caa;
    margin-bottom:20px;
}
.waves-footer-form .waves-form-row{
    display:grid;grid-template-columns:1fr 1fr;gap:15px;
    margin-bottom:15px;
}
.waves-footer-form .waves-form-group{margin-bottom:15px}
.waves-footer-form .waves-form-row .waves-form-group{margin-bottom:0}
.waves-footer-form .waves-form-group label{
    display:block;font-size:13px;font-weight:500;
    color:#2b5caa;margin-bottom:5px;
}
.waves-footer-form .waves-form-group input,
.waves-footer-form .waves-form-group textarea{
    width:100%;padding:12px 14px;
    background:#e8eef7;border:none;border-radius:4px;
    font-size:14px;font-family:'Montserrat',sans-serif;
    color:#333;outline:none;
    transition:box-shadow .2s;
}
.waves-footer-form .waves-form-group input:focus,
.waves-footer-form .waves-form-group textarea:focus{
    box-shadow:0 0 0 2px rgba(43,92,170,0.3);
}
.waves-footer-form .waves-form-group textarea{resize:vertical;min-height:100px}
.waves-form-submit{
    background:#2b5caa;color:#fff;
    border:none;border-radius:25px;
    padding:14px 40px;font-size:15px;font-weight:600;
    cursor:pointer;transition:background .3s;
    font-family:'Montserrat',sans-serif;
}
.waves-form-submit:hover{background:#1e4a8c}
.waves-copyright{
    border-top:1px solid rgba(255,255,255,0.06);
    padding:20px;text-align:center;
}
.waves-copyright p{color:rgba(255,255,255,0.35);font-size:12px}

/* ===== FORM MESSAGE ===== */
.waves-form-success{
    background:#d4edda;color:#155724;
    padding:15px;border-radius:6px;margin-bottom:20px;
    font-size:14px;
}
.waves-form-error{
    background:#f8d7da;color:#721c24;
    padding:15px;border-radius:6px;margin-bottom:20px;
    font-size:14px;
}

/* ===== RESPONSIVE ===== */
@media(max-width:991px){
    .waves-gallery-grid,.waves-products-grid{grid-template-columns:1fr 1fr}
    .waves-stores-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}
    .waves-stores-overlay{padding:80px 20px 40px;align-items:flex-start;overflow-y:auto}
    .waves-footer-main{grid-template-columns:1fr 1fr}
    .waves-features-grid{grid-template-columns:repeat(2,1fr)}
    .waves-contact-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
    body{padding-top:80px}
    .waves-header-top-inner{padding:12px 15px 10px}
    .waves-logo-link img{height:40px;width:auto}
    .waves-header-bottom{
        position:fixed;top:80px;left:0;right:0;bottom:0;
        background:rgba(8,15,30,0.98);
        backdrop-filter:blur(20px);
        display:none;z-index:99998;
        padding:20px;overflow-y:auto;
    }
    .waves-header-bottom.active{display:block}
    #waves-hamburger{
        display:block;
    }
    .waves-lang-btn{padding:5px 10px}
    .waves-flag{width:18px}
    .waves-lang-dropdown{right:0;min-width:90px}
    .waves-lang-option{padding:8px 12px;font-size:12px}
    #waves-nav{
        display:block;
    }
    #waves-nav.active{display:block}
    .waves-menu{flex-direction:column;gap:0}
    .waves-menu li a{
        display:block;padding:16px 20px;font-size:15px;
        border-bottom:1px solid rgba(255,255,255,0.05);
        border-radius:0;
    }
    .waves-hero{min-height:70vh;margin-top:-80px}
    .waves-hero h1{font-size:32px;letter-spacing:4px}
    .waves-hero h2{font-size:16px;letter-spacing:5px}
    .waves-hero-logo{width:200px}
    .waves-section{padding:50px 0}
    .waves-gallery-item img,.waves-gallery-item video,.waves-product-card img{height:170px}
    .waves-footer-main{grid-template-columns:1fr;gap:30px}
    .waves-footer-logo{margin-left:auto;margin-right:auto}
    .waves-footer-bottom-row{justify-content:center}
    .waves-form-row{grid-template-columns:1fr}
    .admin-bar #waves-header{top:46px}
    body.admin-bar{padding-top:116px}
    .waves-features-grid{grid-template-columns:1fr 1fr}
    .waves-feature-icon img{width:60px;height:60px}
    .waves-feature-icon .fa-icon-feature{font-size:48px}
}
@media(max-width:480px){
    .waves-gallery-grid,.waves-products-grid{grid-template-columns:1fr}
    .waves-features-grid{grid-template-columns:1fr 1fr}
    .waves-hero h1{font-size:26px}
}