/*
Theme Name: AvalonCreative Clone
Theme URI: https://avaloncreativeltd.com/
Author: Avalon Creative Ltd
Description: Lightweight WordPress block theme replicating the look & feel of avaloncreativeltd.com.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: avaloncreative-clone
Tags: custom-colors, full-site-editing, responsive
*/

:root{
    --color-primary: #673de6;
    --color-primary-dark: #5025d1;
    --color-primary-light: #ebe4ff;
    --color-dark: #1d1e20;
    --color-light: #ffffff;
    --color-gray: #727586;
    --color-gray-light:#f2f3f6;
}

body{
    font-family: 'DM Sans', sans-serif;
    color: var(--color-dark);
    margin:0;
}

a{
    color: var(--color-primary);
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}

.site-header{
    background: var(--color-light);
    padding: 1rem 2rem;
    border-bottom:1px solid var(--color-gray-light);
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.site-logo{
    font-weight:700;
    font-size:1.25rem;
    color:var(--color-primary);
}
.main-nav a{
    margin-left:1rem;
    font-weight:600;
    color:var(--color-dark);
}

.hero{
    background:linear-gradient(135deg,var(--color-primary) 0%, var(--color-primary-dark) 100%);
    color:var(--color-light);
    text-align:center;
    padding:4rem 1rem;
}
.hero h1{
    font-size:2.5rem;
    margin-bottom:1rem;
}
.hero p{
    font-size:1.25rem;
    margin-bottom:2rem;
}
.btn-primary{
    background:var(--color-light);
    color:var(--color-primary);
    padding:0.75rem 1.5rem;
    border-radius:4px;
    font-weight:700;
    display:inline-block;
}
.section{
    padding:3rem 1rem;
}
.features{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:2rem;
}
.feature-card{
    background:var(--color-light);
    border:1px solid var(--color-gray-light);
    border-radius:8px;
    padding:1.5rem;
    text-align:center;
}
.feature-card h3{
    color:var(--color-primary);
    margin-bottom:1rem;
}
.site-footer{
    background:var(--color-dark);
    color:var(--color-light);
    padding:2rem 1rem;
    text-align:center;
}


/* Page hero variations */
.hero--page{
    background: var(--color-primary);
    color: var(--color-light);
    padding: 3rem 1rem;
    text-align:center;
}
.contact-form-wrapper{
    max-width:600px;
    margin:0 auto 2rem;
}
.contact-info{
    text-align:center;
    font-size:1.125rem;
}


/* Nav toggle */
.nav-toggle{
    background:none;
    border:2px solid var(--color-primary);
    color:var(--color-primary);
    font-size:1.25rem;
    padding:0.25rem 0.5rem;
    border-radius:4px;
    display:none;
}
@media (max-width: 768px){
    .main-nav{
        display:none;
        flex-direction:column;
        align-items:flex-start;
        margin-top:1rem;
    }
    .main-nav.open{
        display:flex;
    }
    .nav-toggle{
        display:block;
    }
}


/* Floating WhatsApp button */
.wa-btn{
    position:fixed;
    right:1.25rem;
    bottom:1.25rem;
    width:56px;
    height:56px;
    background:#25D366;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 12px rgba(0,0,0,0.25);
    z-index:999;
    transition:transform .15s;
}
.wa-btn:hover{transform:scale(1.1);}
.wa-btn svg{width:28px;height:28px;}