/* ============================================================
   theme-brand.css - brands Upskill THEME-rendered pages
   (blog, single, archive, search, 404, WooCommerce) to the
   Асоціація наставництва brand. Loaded only where wp_head runs
   (our custom page templates are self-contained & skip it).
   Brand tokens come from mentor.css (loaded as dependency).
   ============================================================ */

body.mentor-brand{background:var(--cream)!important;color:var(--ink)!important;font-family:"Manrope",system-ui,sans-serif!important}
body.mentor-brand h1,body.mentor-brand h2,body.mentor-brand h3,body.mentor-brand h4,
body.mentor-brand .entry-title,body.mentor-brand .widget-title,body.mentor-brand .page-title{
  font-family:"Onest",sans-serif!important;color:var(--green-800)!important;letter-spacing:-.01em}
body.mentor-brand a{color:var(--green-800)}
body.mentor-brand a:hover{color:var(--orange-600)}

/* Bootstrap/theme .btn-* override Bootstrap blue -> brand (esp. header nav buttons) */
body.mentor-brand .btn-primary{background:var(--orange)!important;color:#fff!important;border:none!important;box-shadow:0 14px 34px -14px rgba(246,135,31,.7)!important}
body.mentor-brand .btn-primary:hover{background:var(--orange-600)!important;color:#fff!important}
body.mentor-brand .btn-ghost{background:transparent!important;color:var(--green-800)!important;border:1.6px solid rgba(0,110,144,.28)!important}
body.mentor-brand .btn-ghost:hover{background:var(--green-800)!important;color:#fff!important}
body.mentor-brand .btn-light{background:#fff!important;color:var(--green-800)!important;border:none!important}
body.mentor-brand .nav .btn{text-transform:none!important}
/* keep topbar/nav chrome from theme overrides */
body.mentor-brand .topbar{background:var(--green-800)!important}
body.mentor-brand .nav .menu>li>a,body.mentor-brand .nav .logo{color:var(--green-800)}
body.mentor-brand .logo img{height:64px!important;width:auto!important;max-width:none!important}

/* ===== CHROME HARDENING: re-assert our header/footer layout over Bootstrap/Upskill collisions ===== */
body.mentor-brand .topbar{display:block!important;font-size:.86rem!important}
body.mentor-brand .topbar .container{display:flex!important;justify-content:space-between!important;align-items:center!important;height:42px!important;max-width:1240px!important;width:100%!important;margin:0 auto!important;padding:0 28px!important;flex-wrap:nowrap!important}
body.mentor-brand .topbar .socials{display:flex!important;gap:.4rem!important;margin:0!important;padding:0!important;list-style:none!important}
body.mentor-brand .topbar .tb-dev{display:inline-flex!important;align-items:center!important;gap:.4rem!important;font-size:.82rem!important;opacity:.85!important;font-style:italic!important;white-space:nowrap!important}
@media(max-width:600px){body.mentor-brand .topbar .tb-dev{display:none!important}}
body.mentor-brand .nav{position:sticky!important;top:0!important;z-index:1000!important;display:block!important;background:var(--cream)!important;width:100%!important;float:none!important}
body.mentor-brand .nav .container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1.5rem!important;max-width:1240px!important;width:100%!important;margin:0 auto!important;padding:14px 28px!important;flex-wrap:nowrap!important;float:none!important}
body.mentor-brand .nav nav{display:block!important;width:auto!important;flex:0 1 auto!important}
body.mentor-brand .menu{display:flex!important;align-items:center!important;gap:.35rem!important;list-style:none!important;margin:0!important;padding:0!important;float:none!important}
body.mentor-brand .menu>li{position:relative!important;float:none!important;margin:0!important;list-style:none!important}
body.mentor-brand .menu>li>a{display:flex!important;align-items:center!important;gap:.3rem!important;padding:.7rem .85rem!important;font-size:.96rem!important;font-weight:600!important;color:var(--green-800)!important;background:none!important}
body.mentor-brand .menu>li>a:hover{background:var(--sage)!important}
body.mentor-brand .dropdown{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;display:block!important;min-width:248px!important;background:#fff!important;padding:.6rem!important;margin:0!important}
body.mentor-brand .menu>li:hover .dropdown{opacity:1!important;visibility:visible!important;transform:none!important}
body.mentor-brand .dropdown li{float:none!important;margin:0!important}
body.mentor-brand .dropdown a{display:flex!important;align-items:center!important;gap:.6rem!important;padding:.7rem .8rem!important;font-size:.93rem!important;color:var(--muted)!important;background:none!important}
body.mentor-brand .nav-actions{display:flex!important;align-items:center!important;gap:.85rem!important;float:none!important}
body.mentor-brand .nav .logo{display:inline-block!important;padding:0!important}
body.mentor-brand .footer .footer-grid{display:grid!important;grid-template-columns:1.4fr 1fr 1fr!important;gap:40px!important}
body.mentor-brand .footer ul{list-style:none!important;margin:0!important;padding:0!important}
body.mentor-brand .footer .container{max-width:1240px!important;margin:0 auto!important;padding:0 28px!important}
@media(max-width:980px){
  body.mentor-brand .menu{display:none!important}
  body.mentor-brand .burger{display:block!important}
  body.mentor-brand .footer .footer-grid{grid-template-columns:1fr 1fr!important}
}

/* content wrapper rhythm */
.mb-main{padding:56px 0 90px;min-height:50vh}
.mb-main .container{max-width:1240px;margin:0 auto;padding:0 28px}
.mb-main .container-inner{padding:0}

/* page/blog header band */
.mb-main .page-title,.mb-main .archive-title,.mb-main .blog-title{font-size:clamp(2rem,4vw,3rem)!important;margin:0 0 .5rem}

/* ---- Blog list / archive cards ---- */
.mb-main .layout-blog,.mb-main .inner-grid,.mb-main .blog-grid{margin-bottom:26px}
.mb-main article,.mb-main .post,.mb-main .item-blog,.mb-main .blog-item{
  background:#fff;border:1px solid rgba(0,110,144,.08);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-card);transition:transform .5s var(--ease),box-shadow .5s var(--ease);margin-bottom:26px}
.mb-main article:hover,.mb-main .post:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}
.mb-main .entry-thumb,.mb-main .blog-thumb,.mb-main .post-thumbnail{overflow:hidden}
.mb-main .entry-thumb img,.mb-main .post-thumbnail img,.mb-main .blog-thumb img{
  width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.mb-main article:hover .entry-thumb img,.mb-main .post:hover .post-thumbnail img{transform:scale(1.06)}
.mb-main .entry-content-wrap,.mb-main .blog-content,.mb-main .post-content,.mb-main .content-inner{padding:1.6rem 1.7rem}
.mb-main .entry-title{font-size:1.3rem!important;line-height:1.25;margin:.2rem 0 .6rem}
.mb-main .entry-title a{color:var(--green-800)!important}
.mb-main .entry-title a:hover{color:var(--orange-600)!important}
.mb-main .entry-meta,.mb-main .post-meta,.mb-main .meta{color:var(--muted)!important;font-size:.84rem;font-weight:600}
.mb-main .entry-meta a,.mb-main .post-meta a{color:var(--orange-600)!important}
.mb-main .entry-excerpt,.mb-main .excerpt,.mb-main .entry-summary{color:var(--muted);font-size:.96rem;line-height:1.6}

/* category / tag chips */
.mb-main .cat,.mb-main .category,.mb-main .entry-category a,.mb-main .post-categories a{
  display:inline-block;background:var(--orange-100);color:var(--orange-600)!important;font-weight:700;
  font-size:.74rem;padding:.3rem .7rem;border-radius:999px;letter-spacing:.03em;text-decoration:none}

/* read more / buttons */
.mb-main .btn,.mb-main .readmore,.mb-main .read-more,.mb-main .btn-readmore,
.mb-main button[type=submit],.mb-main input[type=submit]{
  display:inline-flex;align-items:center;gap:.5rem;background:var(--orange)!important;color:#fff!important;
  border:none!important;font-weight:700;padding:.8rem 1.4rem!important;border-radius:999px!important;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);box-shadow:0 12px 28px -14px rgba(246,135,31,.7);text-transform:none!important}
.mb-main .btn:hover,.mb-main .readmore:hover,.mb-main button[type=submit]:hover,.mb-main input[type=submit]:hover{
  transform:translateY(-2px);background:var(--orange-600)!important;color:#fff!important}

/* ---- Sidebar widgets ---- */
.mb-main .sidebar .widget,.mb-main .widget{background:#fff;border:1px solid rgba(0,110,144,.08);
  border-radius:var(--r-md);padding:1.5rem 1.6rem;box-shadow:var(--shadow-card);margin-bottom:24px}
.mb-main .widget-title,.mb-main .widget .title{font-size:1.1rem!important;margin-bottom:1rem;
  position:relative;padding-bottom:.6rem}
.mb-main .widget-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:var(--orange);border-radius:3px}
.mb-main .widget ul{list-style:none;margin:0;padding:0}
.mb-main .widget ul li{padding:.5rem 0;border-bottom:1px solid var(--sage)}
.mb-main .widget ul li:last-child{border-bottom:none}
.mb-main .widget ul li a{color:var(--green-700)!important;font-weight:500}
.mb-main .widget ul li a:hover{color:var(--orange-600)!important}
.mb-main .widget input[type=text],.mb-main .widget input[type=search],.mb-main .search-form input{
  border:1.5px solid rgba(0,110,144,.2)!important;border-radius:999px!important;padding:.7rem 1.1rem!important;background:var(--cream)!important}

/* ---- Pagination ---- */
.mb-main .page-numbers,.mb-main .paging-navigation a,.mb-main .pagination a,.mb-main .pagination span{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 .6rem;
  border-radius:12px;background:#fff;border:1px solid rgba(0,110,144,.12);color:var(--green-800)!important;
  font-weight:700;margin:.2rem;text-decoration:none;transition:.3s}
.mb-main .page-numbers.current,.mb-main .page-numbers:hover,.mb-main .pagination .current{
  background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important}

/* ---- Single post ---- */
.mb-main.single .entry-title,.mb-main .single-post .entry-title{font-size:clamp(2rem,4vw,3rem)!important}
.mb-main .entry-content{font-size:1.05rem;line-height:1.75;color:var(--ink)}
.mb-main .entry-content p{margin:0 0 1.2rem}
.mb-main .entry-content a{color:var(--orange-600);text-decoration:underline}
.mb-main .entry-content blockquote{border-left:4px solid var(--orange);background:var(--cream-2);
  padding:1.2rem 1.5rem;border-radius:0 var(--r-md) var(--r-md) 0;font-family:"Lora",serif;font-style:italic;color:var(--green-800)}
.mb-main .entry-content h2,.mb-main .entry-content h3{margin:1.8rem 0 .8rem}

/* tags / author / share */
.mb-main .tags a,.mb-main .tagcloud a{display:inline-block;background:var(--sage);color:var(--green-800)!important;
  padding:.3rem .8rem;border-radius:999px;font-size:.82rem;margin:.2rem;text-decoration:none}

/* comments */
.mb-main .comment-form input,.mb-main .comment-form textarea{border:1.5px solid rgba(0,110,144,.2)!important;border-radius:12px!important;padding:.8rem 1rem!important;background:#fff!important}

/* ---- 404 ---- */
.mb-main .error-404,.mb-main .not-found{text-align:center;padding:40px 0}
.mb-main .error-404 .page-title{font-size:clamp(4rem,14vw,9rem)!important;color:var(--orange)!important}

/* WooCommerce light touch */
.mb-main .woocommerce span.price,.mb-main .woocommerce-Price-amount{color:var(--green-800)!important;font-weight:700}
.mb-main .woocommerce .button,.mb-main .woocommerce a.button,.mb-main .woocommerce button.button{
  background:var(--orange)!important;color:#fff!important;border-radius:999px!important}

/* breadcrumbs */
.mb-main .breadcrumb,.mb-main .breadcrumbs,.mb-main .apus-breadscrumb{color:var(--muted);font-size:.88rem}
.mb-main .breadcrumb a,.mb-main .breadcrumbs a{color:var(--orange-600)!important}

@media(max-width:980px){ .mb-main{padding:36px 0 64px} .mb-main .container{padding:0 18px} }

/* === Blog meta cleanup (2026-06-21) === */
/* Comments disabled site-wide -> hide comment-count meta everywhere */
.comments-number{display:none !important;}
/* Related-posts cards: match site card style (category + title + date), drop author line */
.elementor-widget-apus_element_blog_single_related .author,
.elementor-widget-apus_element_blog_single_related .author-name{display:none !important;}

/* Related-posts cards: padding around text area (was flush to card edges) */
.elementor-widget-apus_element_blog_single_related .col-content{padding:1.3rem 1.5rem 1.5rem;}
.elementor-widget-apus_element_blog_single_related .col-content .list-categories{margin-bottom:.45rem;}
.elementor-widget-apus_element_blog_single_related .col-content .entry-title{margin-bottom:.7rem;}

/* Footer link/heading contrast on dark-green bg (theme pages) */
body.mentor-brand .footer h4{color:#fff !important;}
body.mentor-brand .footer .ftext{color:#a1d7ee !important;}
body.mentor-brand .footer ul a,
body.mentor-brand .footer a{color:#a7c6d2 !important;}
body.mentor-brand .footer ul a:hover,
body.mentor-brand .footer a:hover{color:var(--orange-200) !important;}

/* Elementor images full width */
.elementor img{width:100%;}

/* Footer social icons contrast on dark-green bg */
body.mentor-brand .footer .social-f a{color:#cdd6c2 !important;background:rgba(255,255,255,.12) !important;}
body.mentor-brand .footer .social-f a:hover{color:#fff !important;background:var(--orange) !important;}

/* ===== Mobile nav: submenus inline accordion, no absolute overlay (Anya 2026-07-14) ===== */
@media(max-width:980px){
  .nav .menu{flex-direction:column!important;align-items:stretch!important;max-height:calc(100vh - 80px);overflow-y:auto}
  .nav .menu>li,body.mentor-brand .nav .menu>li{position:static!important}
  .nav .menu>li>a{justify-content:space-between!important}
  .nav .menu .dropdown,body.mentor-brand .nav .menu .dropdown{
    position:static!important;top:auto!important;left:auto!important;
    opacity:1!important;visibility:visible!important;transform:none!important;
    box-shadow:none!important;border:0!important;min-width:0!important;
    background:transparent!important;padding:.1rem 0 .5rem 1.35rem!important;margin:0!important}
  .nav .menu .dropdown a,body.mentor-brand .nav .menu .dropdown a{padding:.5rem .6rem!important;font-size:.9rem!important}
}

/* 2026-07-29: fix nav h-overflow on small phones (<=440px) */
@media(max-width:440px){
  body.mentor-brand .nav .container{padding-left:14px!important;padding-right:14px!important;gap:.6rem!important}
  body.mentor-brand .logo img{height:36px!important}
  body.mentor-brand .nav-actions{gap:.5rem!important}
  body.mentor-brand .nav-actions .btn{padding:.5rem .78rem!important;font-size:.78rem!important}
}