/* ============================================================
   Chicker.ru modern theme — overlay for Appao template
   Palette: eco green + warm amber (farm/egg motif)
   ============================================================ */

:root{
    --chk-green:#4a7c2e;
    --chk-green-dark:#2f5719;
    --chk-green-deep:#1d3a10;
    --chk-amber:#e8a020;
    --chk-amber-dark:#c98712;
    --chk-ink:#23301c;
    --chk-paper:#f7f6f1;
    --chk-card:#ffffff;
    --chk-radius:16px;
    --chk-shadow:0 6px 20px rgba(35,48,28,.10);
}

body{
    font-family:'Nunito',sans-serif;
    color:var(--chk-ink);
    background:var(--chk-paper);
}

h1,h2,h3,h4,h5,h6{ font-weight:800; }

a{ color:var(--chk-green); }
a:hover{ color:var(--chk-green-dark); text-decoration:none; }

/* ---------- Header ---------- */
.header{
    background:linear-gradient(90deg,#1d3a10 0%,#2f5719 55%,#3d6c22 100%);
    box-shadow:0 2px 14px rgba(29,58,16,.35);
    transition:padding .25s ease;
}
.header .logo p#logo-font{
    font-weight:800;
    letter-spacing:1px;
}
.header.sticky{
    padding-top:10px;
    padding-bottom:10px;
    background:linear-gradient(90deg,#1d3a10 0%,#2f5719 55%,#3d6c22 100%);
    border-bottom:1px solid rgba(255,255,255,.12);
}
.header.sticky .mainmenu li a.appao-btn:hover,
.header.sticky .mainmenu li a.appao-btn{
    color:#3d2c05;
    border-color:transparent;
}
.p-sub-menu a{
    text-transform:none;
}

/* ---------- Header menu ---------- */
/* neutralize old white-on-hover rule */
.mainmenu ul#primary-menu .main-item:hover > a,
.mainmenu ul li:hover a{
    background:rgba(255,255,255,.10);
    border-left-color:transparent;
    border-right-color:transparent;
    color:#fff;
}
.mainmenu ul li:hover > a:hover{
    background:rgba(255,255,255,.16);
}

.mainmenu ul#primary-menu{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    margin:0;
}
.mainmenu #primary-menu .main-item > .nav-link{
    color:#f3f6ef;
    font-weight:700;
    text-transform:none;
    letter-spacing:.3px;
    padding:10px 18px;
    border-radius:10px;
    position:relative;
    cursor:pointer;
}
.mainmenu #primary-menu .main-item > .nav-link:hover,
.mainmenu #primary-menu .main-item > .nav-link.active{
    color:#fff;
    background:rgba(255,255,255,.10);
}
.mainmenu #primary-menu .main-item > .nav-link:after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:4px;
    height:2px;
    border-radius:2px;
    background:transparent;
    transition:background .2s;
}
.mainmenu #primary-menu .main-item > .nav-link:hover:after{ background:var(--chk-amber); }

.p-sub-menu{
    min-width:250px;
    border-radius:12px;
    box-shadow:var(--chk-shadow);
}
.p-sub-menu > a{
    font-weight:600;
}

/* ---------- Hero ---------- */
.hero-area{
    background:
        linear-gradient(115deg, rgba(29,58,16,.92) 0%, rgba(74,124,46,.86) 55%, rgba(142,182,92,.75) 100%);
    padding-bottom:70px;
}
.hero-area::before{
    opacity:.25;
    -webkit-filter:saturate(.6);
}
.hero-area-content h1{
    color:#fff;
    font-size:36px;
    margin-bottom:14px;
    text-shadow:0 2px 10px rgba(0,0,0,.25);
}
.hero-area-content p{
    color:rgba(255,255,255,.92);
    font-size:17px;
    line-height:1.65;
    max-width:520px;
    margin-bottom:22px;
}
.hero-kicker{
    display:inline-block;
    background:var(--chk-amber);
    color:#3d2c05;
    font-weight:800;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:1.5px;
    padding:5px 16px;
    border-radius:999px;
    margin-bottom:12px;
}
.hand-mockup img{
    border-radius:20px;
    box-shadow:0 14px 36px rgba(20,35,10,.35);
}

/* ---------- Buttons ---------- */
.appao-btn,
.blog-reply button,
.contact-form button{
    display:inline-block;
    background:var(--chk-amber);
    color:#3d2c05;
    font-weight:800;
    font-family:'Nunito',sans-serif;
    font-size:15px;
    padding:12px 34px;
    border:none;
    border-radius:999px;
    cursor:pointer;
    transition:all .25s ease;
    box-shadow:0 6px 16px rgba(232,160,32,.35);
}
.appao-btn:hover,
.blog-reply button:hover,
.contact-form button:hover{
    background:var(--chk-amber-dark);
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(232,160,32,.45);
}
.appao-btn-ghost{
    background:transparent;
    color:#2f5719;
    border:2px solid rgba(47,87,25,.65);
    box-shadow:none;
    margin-left:8px;
}
.appao-btn-ghost:hover{
    background:rgba(47,87,25,.08);
    transform:none;
    color:#2f5719;
}
.blog-post a.appao-btn.appao-btn-ghost,
.about-area a.appao-btn.appao-btn-ghost{
    background:transparent!important;
    color:#2f5719!important;
    border:2px solid rgba(47,87,25,.75)!important;
    box-shadow:none!important;
}
.blog-post a.appao-btn.appao-btn-ghost:hover,
.about-area a.appao-btn.appao-btn-ghost:hover{
    background:rgba(47,87,25,.08)!important;
    color:#2f5719!important;
}
.header .appao-btn-ghost,
.hero-area .appao-btn-ghost,
.footer .appao-btn-ghost{
    background:transparent!important;
    color:#fff!important;
    border:2px solid rgba(255,255,255,.7)!important;
    box-shadow:none!important;
}
.header .appao-btn-ghost:hover,
.hero-area .appao-btn-ghost:hover,
.footer .appao-btn-ghost:hover{
    background:rgba(255,255,255,.15)!important;
}

/* ---------- Section titles ---------- */
.sec-title{
    margin-bottom:35px;
    text-align:center;
}
.sec-title h2{
    font-size:30px;
    color:var(--chk-green-dark);
    font-weight:800;
    display:inline-block;
    position:relative;
}
.sec-title-border{
    display:none;
}
.sec-title p{
    color:#6b7660;
    max-width:760px;
    margin:10px auto 0;
    font-size:16px;
    line-height:1.65;
}

/* ---------- About / lead text ---------- */
/* fixed header offset on pages without hero slider */
.header + .about-area{ padding-top:105px; }
.about-area{
    text-align:left;
}
.sec-title,
.sec-title h2{
    text-align:center;
}
.about-lead{
    display:block;
    padding:10px 15px;
    font-size:16.5px;
    line-height:1.8;
    color:#414d38;
}
.about-lead-add{
    padding:0 15px;
    font-size:15px;
    color:#77816d;
}
.lists-row{
    justify-content:center;
    margin-bottom:0;
}
.lists-col .list_wrap{
    max-width:820px;
    margin:8px auto 10px;
}
li{
    display:list-item;
}
.blog-post .entry ul,
.blog-post .entry ol{
    list-style:disc;
    padding-left:26px;
}
.blog-post .entry ul li,
.blog-post .entry ol li{
    list-style:disc;
    margin-bottom:8px;
}

/* ---------- Fact cards ---------- */
.facts-row{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:16px;
    margin:10px 0 15px;
}
.fact-card{
    flex:0 1 170px;
    min-width:150px;
    background:var(--chk-card);
    border-radius:var(--chk-radius);
    box-shadow:var(--chk-shadow);
    border-top:4px solid var(--chk-green);
    padding:18px 14px 14px;
    text-align:center;
    transition:transform .2s ease, box-shadow .2s ease;
}
.fact-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 26px rgba(74,124,46,.18);
}
.fact-card .fact-value{
    display:block;
    font-size:20px;
    font-weight:800;
    color:var(--chk-green-dark);
    line-height:1.25;
}
.fact-card .fact-label{
    display:block;
    margin-top:6px;
    font-size:13px;
    color:#8a927f;
    font-weight:600;
    letter-spacing:.4px;
    text-transform:uppercase;
}

/* ---------- Serve note ---------- */
.serve-note{
    display:block;
    background:#eef4e6;
    border-left:5px solid var(--chk-green);
    border-radius:10px;
    padding:14px 20px;
    margin:15px 0 5px;
    color:#3c4a33;
    font-size:15px;
    line-height:1.7;
}
.serve-note a{
    font-weight:700;
    text-decoration:underline;
}

/* ---------- Egg cards ---------- */
.egg-card{
    background:var(--chk-card);
    border-radius:var(--chk-radius);
    box-shadow:var(--chk-shadow);
    padding:22px 22px 18px;
    margin:15px 0 25px;
    text-align:center;
    height:calc(100% - 40px);
    transition:transform .2s ease, box-shadow .2s ease;
}
.egg-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(74,124,46,.20);
}
.egg-card i{
    display:block;
    min-height:46px;
    line-height:46px;
}
.egg-card img{
    width:160px;
    height:120px;
    object-fit:cover;
    border-radius:12px;
    margin-bottom:14px;
    box-shadow:0 4px 12px rgba(35,48,28,.15);
}
.egg-card h4{
    font-size:18px;
    color:var(--chk-green-dark);
    margin-bottom:10px;
}
.egg-card p{
    font-size:14.5px;
    color:#5c6753;
    line-height:1.65;
    min-height:76px;
}
.egg-link{
    display:inline-block;
    margin:6px 6px 0;
    font-weight:700;
    color:var(--chk-green);
}
.egg-link:hover{ color:var(--chk-amber-dark); }

/* ---------- News cards (home) ---------- */
.news-card{
    display:block;
    background:var(--chk-card);
    border-radius:var(--chk-radius);
    overflow:hidden;
    box-shadow:var(--chk-shadow);
    margin:0 0 25px;
    height:calc(100% - 25px);
    transition:transform .2s ease, box-shadow .2s ease;
}
.news-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(74,124,46,.20);
    color:inherit;
}
.news-card-img{
    height:150px;
    background-color:#e5e9dd;
    transition:transform .3s ease;
}
.news-card:hover .news-card-img{ transform:scale(1.02); }
.news-card-body{
    padding:16px 18px 18px;
}
.news-card-date{
    display:inline-block;
    font-size:12px;
    font-weight:700;
    color:var(--chk-amber-dark);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:6px;
}
.news-card-body h4{
    font-size:17px;
    color:var(--chk-green-dark);
    line-height:1.4;
    margin-bottom:8px;
}
.news-card-body p{
    font-size:14px;
    color:#6b7660;
    line-height:1.6;
    margin-bottom:0;
}

/* ---------- Blog ---------- */
.blog-post{
    text-align:left;
}
.blog-post .title{
    color:var(--chk-green-dark);
    font-size:28px;
    line-height:1.35;
    text-align:center;
}
.blog-post .post-info{
    text-align:center;
    color:#8a927f;
}
.blog-post .entry{
    font-size:16px;
    line-height:1.85;
    color:#3c4634;
    text-align:left;
}
.blog-post .entry h3{
    color:var(--chk-green-dark);
    font-size:21px;
    margin:30px 0 12px;
    padding-left:12px;
    border-left:4px solid var(--chk-amber);
    text-align:left;
}
.blog-post .entryhr,
.blog-post .entry hr{
    border-top:1px solid #e3e6da;
    margin:24px 0;
}
.post .title a{ color:var(--chk-green-dark); }
.post .title a:hover{ color:var(--chk-amber-dark); }
.post .postmeta .date{
    color:#8a927f;
    font-size:13px;
    font-weight:600;
}

/* ---------- Gallery ---------- */
.pics_gal img{
    border-radius:16px;
    box-shadow:0 4px 14px rgba(35,48,28,.14);
    transition:transform .25s ease;
}
.pics_gal:hover img{
    transform:scale(1.05);
}

/* ---------- Footer ---------- */
.footer{
    background:linear-gradient(120deg,#1d3a10 0%,#2f5719 60%,#3d6c22 100%);
    color:#e8eddd;
    margin-top:80px;
    padding-top:55px;
}
.footer::before{ opacity:0; }
.footer h4{
    color:#fff;
    font-size:19px;
    margin-bottom:14px;
    position:relative;
    padding-bottom:10px;
}
.footer h4:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:44px;
    height:3px;
    border-radius:3px;
    background:var(--chk-amber);
}
.footer p{
    color:rgba(232,237,221,.85);
    line-height:1.75;
    font-size:14.5px;
}
.footer ul{ padding:0; margin:0; list-style:none; }
.footer ul li{ margin-bottom:8px; }
.footer ul li a{
    color:rgba(232,237,221,.92);
    font-size:14.5px;
    transition:color .2s, padding-left .2s;
}
.footer ul li a:hover{ color:var(--chk-amber); padding-left:4px; }
.copyright-area p{
    margin-top:24px;
    border-top:1px solid rgba(255,255,255,.15);
    padding-top:16px;
    font-size:13px;
    color:rgba(232,237,221,.65);
}

/* ---------- misc ---------- */
.scrollToTop{
    background:var(--chk-amber)!important;
    color:#3d2c05!important;
    border-radius:50%;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
    box-shadow:0 8px 18px rgba(232,160,32,.4);
}
.scrollToTop:hover{ background:var(--chk-amber-dark)!important; }

.list_wrap{
    background:var(--chk-card);
    border-radius:var(--chk-radius);
    box-shadow:var(--chk-shadow);
    margin:15px auto;
    max-width:860px;
}

@media (max-width: 991px){
    .hero-area-content h1{ font-size:28px; }
    .mainmenu{ text-align:right; }
    #primary-menu{ display:none; }
}
@media (min-width: 992px){
    .responsive-menu{ display:none; }
}
@media (max-width: 575px){
    .fact-card{ flex:1 1 44%; min-width:0; }
    .sec-title h2{ font-size:23px; }
}


/* ---------- Mobile menu (slicknav) ---------- */
ul.slicknav_nav{
    background:linear-gradient(120deg,#1d3a10 0%,#2f5719 60%,#3d6c22 100%)!important;
    border:none!important;
    border-radius:14px;
    box-shadow:0 12px 30px rgba(29,58,16,.45);
    padding:10px 16px;
}
.slicknav_nav li a{
    color:#f3f6ef;
}
.slicknav_nav a:hover{
    background:rgba(255,255,255,.08)!important;
    border-radius:8px;
    color:#ffd54f;
}
.slicknav_btn{
    background:rgba(255,255,255,.12);
    border-radius:8px;
}