/* =====================================================================
   Kratoma skin for PrestaBlog
   Matches the kratomav225 theme: 'Outfit' typography, olive-green accent
   (#7C9039), earthy neutrals, soft cards. References the theme's global
   --k-* CSS variables (defined site-wide by kratoma-v225.css) with literal
   fallbacks so it also renders correctly if the theme is ever inactive.
   Cosmetic only — no layout/positioning is touched.
   ===================================================================== */

.prestablog,
.prestablog-card {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
/* The theme intentionally does NOT load the Material Icons webfont (kept
   light for speed). PrestaBlog uses Material Icons ligatures, which would
   otherwise print as raw words ("search", "star"...). So: hide the raw
   ligature text, and draw the icons we actually use as inline SVGs (masked
   in the current colour). No font request is added. */
.prestablog i.material-icons,
.prestablog [class*="material-icons"] {
    font-size: 0 !important;
}
/* Search submit button (renders ::after content "search") */
.prestablog .btn.btn-default::after {
    content: "" !important;
    display: inline-block;
    width: 18px; height: 18px;
    vertical-align: -3px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1114 9.5 4.5 4.5 0 019.5 14z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1114 9.5 4.5 4.5 0 019.5 14z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Rating stars */
.prestablog .prestablog-card-stars .material-icons,
.prestablog .prestablog-rating-stars .material-icons,
.prestablog .prestablog-rating-stars-static .material-icons {
    width: 1em; height: 1em;
    display: inline-block;
    vertical-align: -0.15em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---- Base text + links ---- */
.prestablog { color: var(--k-text, #2E3320); }
.prestablog a { color: var(--k-olive, #7C9039); }
.prestablog a:hover { color: var(--k-olive-dark, #5E7A2A); }

/* ---- Page / block headings ---- */
.prestablog h1, .prestablog h2, .prestablog h3, .prestablog h4,
.prestablogtitle, .h3title, .title_block, .prestablog-toc-title,
.prestablog-footer-title, .prestablog-sharing-title, .prestablog-comment-title,
.title_comment {
    color: var(--k-deep, #2E3320) !important;
    font-weight: 600 !important;
}

/* =====================================================================
   Article cards (modern grid-and-slides layout)
   ===================================================================== */
.prestablog-card {
    background: var(--k-surface, #fff) !important;
    border: 1px solid var(--k-border, #E6EAD9) !important;
    border-radius: var(--k-radius, 14px) !important;
    box-shadow: var(--k-shadow, 0 1px 3px rgba(46,51,32,.06), 0 4px 16px rgba(46,51,32,.04)) !important;
    overflow: hidden;
    transition: box-shadow .18s ease, transform .12s ease;
}
.prestablog-card:hover {
    box-shadow: var(--k-shadow-hover, 0 6px 24px rgba(46,51,32,.10)) !important;
    transform: translateY(-2px);
}
.prestablog-card-title,
.prestablog-card-title a {
    color: var(--k-deep, #2E3320) !important;
    font-weight: 600 !important;
}
.prestablog-card-title a:hover { color: var(--k-olive, #7C9039) !important; }
.prestablog-card-content,
.prestablog-card-meta,
.prestablog-card-date,
.prestablog-card-topmeta,
.prestablog_desc,
.blog_desc,
.catblog_desc,
.date, .date_blog-cat, .comment_date,
.author, .author-name {
    color: var(--k-text-soft, #5A6348) !important;
}
.prestablog-card-sep { background: var(--k-border, #E6EAD9) !important; }

/* Category / tag chips */
.prestablog-card-cat,
.prestablog-card-badge,
.cat_prestablog,
.categorie_blog a,
.prestablog-card-topmeta .prestablog-card-cat {
    background: var(--k-tint, #EDF1E2) !important;
    color: var(--k-olive-darker, #4A6020) !important;
    border-radius: var(--k-radius-pill, 24px) !important;
    border: 1px solid var(--k-border, #E6EAD9) !important;
}
.prestablog-card-cat:hover,
.categorie_blog a:hover {
    background: var(--k-olive, #7C9039) !important;
    color: #fff !important;
    border-color: var(--k-olive, #7C9039) !important;
}

/* =====================================================================
   Buttons — "read more", top-list, card CTA, generic blog primary
   ===================================================================== */
.prestablog-card-btn,
.prestablog .link_toplist,
.prestablog .btn-primary,
.prestablog button.btn-primary,
.prestablog .prestablog-card-link .prestablog-card-btn {
    background: var(--k-olive, #7C9039) !important;
    border: 1px solid var(--k-olive, #7C9039) !important;
    color: #fff !important;
    border-radius: var(--k-radius-sm, 10px) !important;
    font-weight: 500 !important;
    transition: background .15s ease, transform .1s ease;
}
.prestablog-card-btn:hover,
.prestablog .link_toplist:hover,
.prestablog .btn-primary:hover,
.prestablog button.btn-primary:hover {
    background: var(--k-deep, #2E3320) !important;
    border-color: var(--k-deep, #2E3320) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* =====================================================================
   Sidebar / hook blocks
   ===================================================================== */
/* Block titles: plain black text with a subtle underline (no green box). */
.prestablog .title_block,
.title_block {
    background: transparent !important;
    color: var(--k-deep, #2E3320) !important;
    border: none !important;
    border-bottom: 2px solid var(--k-border, #E6EAD9) !important;
    border-radius: 0 !important;
    padding: 8px 2px !important;
    margin: 0 12px !important;
    font-weight: 600 !important;
}
.prestablog .block,
.contcatblockblog,
.info_blog {
    border-color: var(--k-border, #E6EAD9) !important;
}

/* =====================================================================
   Breadcrumb (ariane)
   ===================================================================== */
.prestablog .ariane, .prestablog .breadcrumb, .prestablog-nav-top {
    color: var(--k-muted, #8A9170) !important;
}
.prestablog .ariane a, .prestablog .breadcrumb a, .prestablog-nav-top a {
    color: var(--k-olive, #7C9039) !important;
}

/* =====================================================================
   Pagination + slider dots
   ===================================================================== */
.prestablog_pagination a,
.prestablog_pagination span {
    color: var(--k-text, #2E3320) !important;
    border-color: var(--k-border, #E6EAD9) !important;
    border-radius: var(--k-radius-sm, 10px) !important;
}
.prestablog_pagination a:hover,
.prestablog_pagination .active,
.prestablog_pagination span.current {
    background: var(--k-olive, #7C9039) !important;
    color: #fff !important;
    border-color: var(--k-olive, #7C9039) !important;
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active-main {
    background: var(--k-olive, #7C9039) !important;
}

/* =====================================================================
   Ratings + stars (amber to match theme accents)
   ===================================================================== */
.prestablog-card-stars,
.prestablog-rating-stars,
.prestablog-rating-stars-static,
.prestablog-rating-score {
    color: var(--k-amber, #A6792E) !important;
}

/* =====================================================================
   FAQ accordion
   ===================================================================== */
.prestablog-faq-item { border-color: var(--k-border, #E6EAD9) !important; border-radius: var(--k-radius-sm, 10px) !important; }
.prestablog-faq-question { color: var(--k-deep, #2E3320) !important; }
.prestablog-faq-icon { color: var(--k-olive, #7C9039) !important; }

/* =====================================================================
   Comments + forms
   ===================================================================== */
.prestablog input[type="text"],
.prestablog input[type="email"],
.prestablog textarea,
.prestablog .form-control {
    border: 1px solid var(--k-border, #E6EAD9) !important;
    border-radius: var(--k-radius-sm, 10px) !important;
    background: var(--k-surface, #fff) !important;
    color: var(--k-text, #2E3320) !important;
}
.prestablog input[type="text"]:focus,
.prestablog input[type="email"]:focus,
.prestablog textarea:focus,
.prestablog .form-control:focus {
    border-color: var(--k-olive, #7C9039) !important;
    box-shadow: 0 0 0 3px rgba(124,144,57,.15) !important;
    outline: none !important;
}
.comment, .comments .comment {
    border-color: var(--k-border, #E6EAD9) !important;
    background: var(--k-surface, #fff) !important;
    border-radius: var(--k-radius-sm, 10px) !important;
}
.comment-author-line, .author-name { color: var(--k-deep, #2E3320) !important; }

/* =====================================================================
   Nav cards (previous / next article)
   ===================================================================== */
.nav-card {
    background: var(--k-surface, #fff) !important;
    border: 1px solid var(--k-border, #E6EAD9) !important;
    border-radius: var(--k-radius, 14px) !important;
    box-shadow: var(--k-shadow, 0 1px 3px rgba(46,51,32,.06)) !important;
}
.nav-card:hover { box-shadow: var(--k-shadow-hover, 0 6px 24px rgba(46,51,32,.10)) !important; }
.nav-title { color: var(--k-deep, #2E3320) !important; }

/* ---- Focus outlines / selection ---- */
.prestablog *:focus-visible { outline-color: var(--k-olive, #7C9039) !important; }
.prestablog ::selection { background: var(--k-amber-light, #F3E7D6); color: var(--k-deep, #2E3320); }

/* ============================================================
   Kratoma blog refinements — rounded borders everywhere to match
   the rest of the site, and a tidier search block.
   ============================================================ */

/* Sidebar blocks become soft rounded cards */
.prestablog .block-categories,
.prestablog .contcatblockblog,
.prestablog .info_blog {
    background: var(--k-surface, #fff) !important;
    border: 1px solid var(--k-border, #E6EAD9) !important;
    border-radius: var(--k-radius, 14px) !important;
    overflow: hidden;
    margin-bottom: 16px;
    box-shadow: var(--k-shadow, 0 1px 3px rgba(46,51,32,.06)) !important;
}

/* Round images, cards, nav, article thumbs — everything */
.prestablog img,
.prestablog .prestablog-card,
.prestablog .prestablog-card-bg,
.prestablog .prestablog-card-slider,
.prestablog .nav-card,
.prestablog .one_article,
.prestablog .four_article,
.prestablog .article_li,
.prestablog .prestabloglastnewscontent img,
.prestablog .blog-grid img {
    border-radius: var(--k-radius, 14px) !important;
}
.prestablog img { overflow: hidden; }

/* Category navigation list items */
.prestablog .categorie_blog a,
.prestablog .contcatblockblog a {
    border-radius: var(--k-radius-sm, 10px) !important;
}

/* Search block: hide the redundant "Search on blog" heading (the input
   already carries that placeholder) and tighten the block. */
#prestablog_recherche .title_block { display: none !important; }
#prestablog_recherche .block_content { padding: 12px !important; }
#prestablog_recherche .search_query,
#prestablog_recherche input[type="text"] {
    border-radius: var(--k-radius-sm, 10px) !important;
}

/* ============================================================
   Blog category menu bar — match the site: olive + rounded
   instead of the default black (#333) bar.
   ============================================================ */
#prestablog_menu_cat nav > ul,
#prestablog_menu_cat > nav ul,
#prestablog_menu_cat ul {
    background: var(--k-olive, #7C9039) !important;
    border-radius: var(--k-radius, 14px) !important;
    border: none !important;
    overflow: hidden;
}
#prestablog_menu_cat a,
#prestablog_menu_cat li a,
#prestablog_menu_cat li span {
    color: #fff !important;
}
#prestablog_menu_cat li:hover,
#prestablog_menu_cat li.active,
#prestablog_menu_cat .active {
    background: var(--k-olive-dark, #5E7A2A) !important;
}

/* The blog-list post box itself (.block_cont) — round it so the whole
   post card matches, not just the image inside. */
.prestablog .block_cont,
.prestablog .blogitems,
.prestablog .blog-grid .block_cont {
    border-radius: var(--k-radius, 14px) !important;
    overflow: hidden !important;
}