/* ============================================================
   MPC custom overrides  (managed by Claude)
   1) Smaller logo   2) Sticky-header logo not clipped
   3) Site accent color -> logo green #0F3D1E
   ============================================================ */

/* ---- 3. Accent color = logo green ---- */
:root{
    --primary-color:#0F3D1E;
    --light-primary-color:#E7F0E9;
}

/* ---- 1. Main centered (mid-header) logo: smaller & balanced ---- */
.header-1 .mid-header-wrap{
    padding:20px 0;
}
.header-1 .mid-header .site-logo .logo img{
    max-width:150px;
    height:auto;
}

/* ---- 2. Sticky header: keep the logo fully visible (no clipping) ---- */
.sticky-header .bottom-header,
.sticky-header .navigation-wrapper,
.sticky-header .navigation-inner{
    align-items:center !important;
}
.sticky-header .navigation-inner{
    min-height:74px;
}
.sticky-header .site-logo{
    max-width:120px !important;
    display:flex !important;
    align-items:center;
    overflow:visible;
}
.sticky-header .site-logo a.logo,
.sticky-header .site-logo .logo{
    display:inline-flex;
    align-items:center;
    line-height:0;
}
.sticky-header .site-logo .logo img{
    max-height:64px !important;
    width:auto !important;
    max-width:140px !important;
}


/* ---- 4. Preloader fully disabled (failsafe, incl. cached pages) ---- */
.site-preloader,
.site-preloader .spinner{display:none !important;visibility:hidden !important;opacity:0 !important;}

/* SUBSCRIBE BTN ICON FIX */
.theme-subscribe-style-one .subscribe-content .subscribe-form .default-btn{padding-left:50px !important;}
.theme-subscribe-style-one .subscribe-form .lab.la-telegram-plane{right:118px !important;}
@media (max-width:767px){.theme-subscribe-style-one .subscribe-form .lab.la-telegram-plane{right:98px !important;}}

/* FOOTER LOGO ALIGN */
.footer-section .footer_one_Widget .wp-block-image,.footer-section .footer-logo,.footer-section .widget_media_image{display:block !important;text-align:left !important;margin-left:0 !important;margin-right:0 !important;}
.footer-section .footer-logo img,.footer-section .widget_media_image img{display:block !important;margin-left:0 !important;margin-right:auto !important;max-width:170px;height:auto;}
.sidebar-content .site-logo{text-align:left !important;}
.sidebar-content .site-logo a{display:inline-block !important;margin-left:0 !important;}
.sidebar-content .site-logo img{display:block !important;margin-left:0 !important;margin-right:auto !important;max-width:170px;height:auto;}

/* HERO OVERLAY */
.theme-slide-template-one .post-carousel-card .post-carousel-thumb{position:relative;}
.theme-slide-template-one .post-carousel-card .post-carousel-thumb::after{content:'';position:absolute;inset:0;border-radius:7px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.2) 100%);z-index:1;pointer-events:none;}
.theme-slide-template-one .post-carousel-card .post-carousel-content{z-index:2;}

/* CAT BADGE GREEN */
.post-content a.card-btn.cat-color-bg,body a.card-btn.cat-color-bg,.cat-color-bg.card-btn,a.card-btn.cat-color-bg{background:#0F3D1E !important;}
.post-content a.cat-template-simple-style{color:#0F3D1E !important;}

/* HEADER BURGER (moved from bottom) */
.mid-header-wrap .mid-header-left{display:flex;align-items:center;}
.mid-header .sidebar-icon{cursor:pointer;}
.mid-header .sidebar-icon .sidebar-trigger{display:flex;flex-direction:column;justify-content:center;row-gap:7px;padding:0;background:transparent;border:0;cursor:pointer;}
.mid-header .sidebar-icon span{background-color:var(--heading-color);width:30px;height:3px;display:block;border-radius:2px;transition:all .3s ease-in-out;}
.mid-header .sidebar-icon span:last-child{width:15px;}
.mid-header .sidebar-icon:hover span:last-child{width:30px;}
.mid-header .sidebar-icon:hover span:first-child{width:15px;}


/* ============================================================
   5. BLOG / CATEGORY listing -> horizontal cards (like homepage)
   ============================================================ */
.blog-new-layout .blog-default-card{
    display:flex;
    align-items:center;
    gap:30px;
}
.blog-new-layout .blog-default-card .post-thumb{
    flex:0 0 42%;
    max-width:42%;
    margin:0;
}
.blog-new-layout .blog-default-card .post-thumb img{
    width:100%;
    height:300px;
    object-fit:cover;
    border-radius:8px;
}
.blog-new-layout .blog-default-card .post-content{
    flex:1 1 auto;
    min-width:0;
}
.blog-new-layout .blog-default-card .post-content .title{
    font-size:26px;
    line-height:1.3;
    margin-bottom:12px;
}
@media (max-width:991px){
    .blog-new-layout .blog-default-card{flex-direction:column;align-items:stretch;gap:16px;}
    .blog-new-layout .blog-default-card .post-thumb{flex:none;max-width:100%;}
    .blog-new-layout .blog-default-card .post-thumb img{height:320px;}
    .blog-new-layout .blog-default-card .post-content .title{font-size:24px;}
}


/* ---- 6. WPML language switcher (header) ---- */
.mpc-lang-switcher{display:inline-flex;align-items:center;gap:4px;margin-right:14px;}
.mpc-lang-switcher a{font-size:13px;font-weight:700;color:var(--heading-color);padding:3px 7px;border-radius:4px;line-height:1;text-decoration:none;opacity:.55;transition:all .2s;}
.mpc-lang-switcher a.active{background:var(--primary-color);color:#fff;opacity:1;}
.mpc-lang-switcher a:hover{opacity:1;}
[data-theme="dark"] .mpc-lang-switcher a{color:#fff;}
@media (max-width:767px){.mpc-lang-switcher{margin-right:8px;gap:2px;}.mpc-lang-switcher a{padding:2px 5px;font-size:12px;}}

/* ---- 6b. lang switcher aligned next to subscribe button (mid-header) ---- */
.mid-header-right{display:flex;align-items:center;}
.mid-header-right .mpc-lang-switcher{margin-right:16px;margin-left:0;}

/* ---- 7. Dark mode: header burger lines white ---- */
[data-theme="dark"] .mid-header .sidebar-icon span,
[data-theme="dark"] .header-burger .sidebar-trigger span{background-color:#ffffff !important;}

/* ---- 8. Dark mode: side-panel & footer logo -> white ---- */
[data-theme="dark"] .footer-panel-logo img{filter:brightness(0) invert(1);}
/* footer logo always white (footer bg is dark in both modes) */
.footer-section .footer-panel-logo img{filter:brightness(0) invert(1);}

/* ---- 9. Mobile header: no side-panel burger, centered logo, bottom bar on right, switcher on side ---- */
.mpc-lang-bottom{display:none;}
@media (max-width:992px){
  /* hide side-panel burger AND the subscribe area so the logo can truly center */
  .mid-header .mid-header-left{display:none !important;}
  .mid-header-wrap .mid-header-right{display:none !important;}
  /* perfectly centered logo */
  .mid-header-wrap{justify-content:center !important;}
  .mid-header .site-logo{margin:0 !important;width:100%;text-align:center;}
  .mid-header .site-logo .logo{display:inline-block;float:none;}
  /* bottom action bar: controls on the RIGHT, language switcher pinned to left side */
  .bottom-header .header-right{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:16px;width:100%;}
  .bottom-header .header-right .toggle-switch,
  .bottom-header .header-right .search-icon{margin:0;}
  .mpc-lang-bottom{display:inline-flex;position:absolute;left:15px;top:50%;transform:translateY(-50%);margin:0;}
  .mpc-lang-bottom a{padding:3px 6px;font-size:13px;}
}
@media (max-width:480px){
  .bottom-header .header-right{gap:12px;}
  .mpc-lang-bottom{left:10px;}
  .mpc-lang-bottom a{padding:2px 5px;font-size:12px;}
}