/*
Theme Name: Alliance Food & Milk (Classic)
Theme URI: https://alliance-food-milk-b-dl77.bolt.host/
Author: Aziz Bicakci & GPT
Author URI: https://example.com
Description: Classic PHP-based theme compatible with WPBakery + Customizer (colors, fonts, footer).
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: afmclassic
Tags: custom-colors, custom-logo, custom-menu, responsive-layout, theme-options
*/

:root{
  --afm-primary:#0b6f39;
  --afm-secondary:#fbcf1c;
  --afm-light:#f0fdf4;
  --afm-text:#0f172a;
  --afm-footer-bg:#0b6f39;
  --afm-footer-text:#ffffff;
  --afm-font:"Raleway", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Noto Sans;
  --afm-menu-weight:700;
}
*{box-sizing:border-box}
html, body{margin:0;padding:0}
body{font-family:var(--afm-font); color:var(--afm-text); background:var(--afm-light); line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.section{padding:56px 0}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid rgba(15,23,42,.08)}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;gap:12px;align-items:center}
.nav{display:flex;gap:22px;align-items:center}
.nav a{color:var(--afm-text);text-decoration:none;font-weight:var(--afm-menu-weight)}
.nav a:hover{opacity:.85}
.nav-toggle{display:none;border:1px solid rgba(15,23,42,.2);padding:8px 10px;border-radius:8px;background:#fff}
@media (max-width:960px){
  .nav{display:none}
  .nav.open{display:flex;flex-direction:column;gap:12px;position:absolute;right:20px;top:60px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
  .nav-toggle{display:block}
}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 18px;font-weight:800;text-decoration:none}
.btn-primary{background:var(--afm-secondary);color:var(--afm-primary)}
.btn-secondary{background:var(--afm-primary);color:#fff}
.hero{background:var(--afm-primary);color:#fff;border-radius:28px;padding:60px}
.hero h1{font-weight:800;line-height:1.15;margin:0 0 10px}
.hero p{opacity:.95;margin:0 0 18px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.hero img{width:100%;height:auto;border-radius:18px}
@media (max-width:980px){
  .hero{padding:32px}
  .hero-grid{grid-template-columns:1fr}
}
.card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:16px}
.site-footer{background:var(--afm-footer-bg);color:var(--afm-footer-text);border-top:4px solid var(--afm-secondary)}
.site-footer a{color:var(--afm-footer-text);text-decoration:none}
.site-footer .footer-inner{padding:44px 0}
.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
@media (max-width:980px){.footer-columns{grid-template-columns:1fr}}
.vc_row{margin-left:0!important;margin-right:0!important}
.vc_row .container{max-width:1200px}


/* --- Customizer-driven header/menu variables --- */
:root{
  --afm-header-bg: #ffffff;
  --afm-header-text: #0f172a;
  --afm-menu-color: #0f172a;
  --afm-menu-hover: #0b6f39;
  --afm-menu-active: #0b6f39;
  --afm-menu-size: 16px;
  --afm-logo-width: 150px;
  --afm-menu-transform: none;
  --afm-menu-gap: 22px;
}
.site-header{background:var(--afm-header-bg)}
.nav a{color:var(--afm-menu-color);font-size:var(--afm-menu-size);text-transform:var(--afm-menu-transform)}
.nav{gap:var(--afm-menu-gap)}
.nav a:hover{color:var(--afm-menu-hover);opacity:1}
.nav .current-menu-item > a,
.nav .current_page_item > a{color:var(--afm-menu-active)}
.custom-logo,
.brand img{max-width:var(--afm-logo-width);height:auto}