/*
Theme Name: eLockers Modern
Description: Visual redesign child theme for Kallyas 4.15.14. Preserves Zion Builder layouts and business functionality.
Author: eLockers
Template: kallyas
Version: 1.0.0
Text Domain: elockers-modern
*/
:root{--el-navy:#102842;--el-blue:#0875c9;--el-light:#f3f7fb;--el-text:#23364b;--el-radius:14px}
body{color:var(--el-text);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{letter-spacing:-.025em;line-height:1.2}
a{transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}
a:focus-visible,button:focus-visible{outline:3px solid #39a9e8;outline-offset:3px}
/* Kallyas header: visual changes only, keep menu and interactions intact */
.site-header{box-shadow:0 3px 18px rgba(14,38,63,.09)}
.site-header .main-nav a,.site-header .zn-menu a{font-weight:600;letter-spacing:.01em}
/* Existing Zion Builder sections and content remain intact */
.zn_section{scroll-margin-top:90px}
.zn_section .znColumnElement-innerWrapper img{max-width:100%;height:auto}
.zn_section .btn,.zn_section .zn-button,.zn_section .btn-element>a{border-radius:8px;transition:transform .2s,box-shadow .2s}
.zn_section .btn:hover,.zn_section .zn-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(8,117,201,.18)}
/* Cards used by the new home page, add class via Zion Builder */
.el-section{padding:70px 0}
.el-section--soft{background:var(--el-light)}
.el-eyebrow{color:var(--el-blue);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.el-heading{color:var(--el-navy);font-size:clamp(28px,3.2vw,46px);font-weight:750}
.el-card{background:#fff;border:1px solid #e3ebf2;border-radius:var(--el-radius);overflow:hidden;box-shadow:0 5px 22px rgba(14,38,63,.06);transition:transform .2s,box-shadow .2s}
.el-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(14,38,63,.13)}
.el-card img{display:block;width:100%;height:auto}
.el-card__content{padding:24px}
.el-cta{background:var(--el-navy);color:white;padding:52px 30px;border-radius:18px}
.el-cta h2,.el-cta p{color:#fff}
.el-btn{display:inline-block;background:var(--el-blue);color:#fff!important;border-radius:8px;padding:13px 24px;font-weight:700;text-decoration:none}
.el-btn:hover{background:#075d9f;color:#fff!important}
.el-hero{background-color:var(--el-navy);color:#fff;min-height:480px;display:flex;align-items:center;background-size:cover;background-position:center}
.el-hero h1,.el-hero p{color:#fff}
.el-hero__inner{max-width:650px;padding:55px 28px;background:linear-gradient(90deg,rgba(10,32,56,.92),rgba(10,32,56,.18));border-radius:12px}
/* Reduce overflow on mobile; avoid modifying checkout/forms/widget functionality */
@media(max-width:767px){.el-section{padding:42px 0}.el-hero{min-height:390px}.el-hero__inner{padding:34px 22px}.el-card__content{padding:18px}.el-cta{padding:30px 20px}}
@media(prefers-reduced-motion:reduce){.el-card,.el-btn,.zn_section .btn{transition:none!important;transform:none!important}}
