/*
Theme Name: agencya child
Tags:  custom-menu, editor-style, featured-images
Template: agencya
Version: 1.0.0
*/


@import '../agencya/style.css';



/*---------------------------------
      write your css from here
------------------------------------*/



/* ══════════════════════════════
   OKAWAI - Article styles
══════════════════════════════ */

/* ── Titre ── */
.agencya-single-blog-details h1.okawai-article-title {
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: #111 !important;
    margin-bottom: 16px !important;
}

/* ── H2 en bleu ── */
.agencya-single-blog-details h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #3b4fd4 !important;
    margin-top: 48px !important;
    margin-bottom: 16px !important;
    line-height: 1.3 !important;
}

/* ── Gras et italique ── */
.agencya-single-blog-details strong,
.agencya-single-blog-details b {
    font-weight: 700 !important;
}
.agencya-single-blog-details em {
    font-style: italic !important;
}

/* ── Badges tags ── */
.agencya-single-blog-details .okawai-tags-top {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 0 32px !important;
}
.agencya-single-blog-details .okawai-tags-top a {
    display: inline-block !important;
    padding: 4px 14px !important;
    border-radius: 20px !important;
    background-color: #2ecc71 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    border: none !important;
    font-family: inherit !important;
}
.agencya-single-blog-details .okawai-tags-top a:nth-child(2) { background-color: #8b5cf6 !important; }
.agencya-single-blog-details .okawai-tags-top a:nth-child(3) { background-color: #3b82f6 !important; }
.agencya-single-blog-details .okawai-tags-top a:nth-child(4) { background-color: #f59e0b !important; }
.agencya-single-blog-details .okawai-tags-top a:hover {
    opacity: 0.8 !important;
    color: #fff !important;
}

/* ── Contenu ── */
.agencya-single-blog-details .single-blog-content {
    font-size: 17px !important;
    line-height: 1.85 !important;
    color: #2d2d2d !important;
}
.agencya-single-blog-details .single-blog-content p {
    margin-bottom: 22px !important;
}
.agencya-single-blog-details .single-blog-content ul,
.agencya-single-blog-details .single-blog-content ol {
    padding-left: 24px !important;
    margin-bottom: 22px !important;
}
.agencya-single-blog-details .single-blog-content li {
    margin-bottom: 10px !important;
}

/* ── Images ── */
.agencya-single-blog-details .single-blog-content figure img {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    display: block !important;
}
.agencya-single-blog-details .single-blog-content figure {
    margin: 32px 0 !important;
}

/* ── Cache thumbnail dupliquée ── */
.agencya-single-blog--thumb {
    display: none !important;
}

/* ── Images normales ── */
.agencya-single-blog-details .single-blog-content figure img {
    height: auto !important;
    border-radius: 10px !important;
}

/* ── Images centrées (wp-block-image) ── */
.agencya-single-blog-details .single-blog-content .wp-block-image {
    text-align: center !important;
}

.agencya-single-blog-details .single-blog-content .wp-block-image img {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
}

/* ══════════════════════════════
   OKAWAI - Blog list cards
══════════════════════════════ */

.okawai-blog-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 20px !important;
    padding: 20px !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    margin-bottom: 24px !important;
}

.okawai-blog-card__thumb {
    flex: 0 0 180px !important;
    width: 180px !important;
    min-width: 180px !important;
}

.okawai-blog-card__thumb a {
    display: block !important;
    height: 100% !important;
}

.okawai-blog-card__thumb img {
    width: 180px !important;
    height: 100% !important;
    min-height: 120px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
}

.okawai-blog-card__content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* ── Barre haute : date + tags ── */
.okawai-blog-card__topbar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.okawai-blog-card__meta {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.okawai-blog-card__date,
.okawai-blog-card__author {
    font-size: 12px !important;
    color: #aaa !important;
}

.okawai-blog-card__separator {
    color: #ccc !important;
    font-size: 12px !important;
}

.okawai-blog-card__tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: flex-end !important;
}

.okawai-blog-card__badge {
    display: inline-block !important;
    padding: 3px 12px !important;
    border-radius: 20px !important;
    background-color: #2ecc71 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

.okawai-blog-card__badge:nth-child(2) { background-color: #8b5cf6 !important; }
.okawai-blog-card__badge:nth-child(3) { background-color: #3b82f6 !important; }
.okawai-blog-card__badge:nth-child(4) { background-color: #f59e0b !important; }
.okawai-blog-card__badge:nth-child(5) { background-color: #e74c3c !important; }

/* ── Titre ── */
.okawai-blog-card__title {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    color: #111 !important;
}

.okawai-blog-card__title a {
    color: #111 !important;
    text-decoration: none !important;
}

.okawai-blog-card__title a:hover {
    color: #3b4fd4 !important;
}

/* ── Excerpt ── */
.okawai-blog-card__excerpt {
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    flex: 1 !important;
}

/* ── Footer : bouton à droite ── */
.okawai-blog-card__footer {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

.okawai-blog-card__btn {
    display: inline-block !important;
    padding: 7px 18px !important;
    border-radius: 20px !important;
    background-color: #3b4fd4 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: opacity 0.2s !important;
}

.okawai-blog-card__btn:hover {
    opacity: 0.85 !important;
    color: #fff !important;
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .okawai-blog-card {
        flex-direction: column !important;
    }
    .okawai-blog-card__thumb,
    .okawai-blog-card__thumb img {
        width: 100% !important;
        min-width: unset !important;
        height: 200px !important;
    }
}

/* ============================================
   PAGINATION
   ============================================ */

.paginations {
    margin: 40px 0 20px;
    display: flex;
    justify-content: center;
}

.paginations ul.page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.paginations ul.page-numbers li {
    margin: 0;
    padding: 0;
}

/* Tous les items : page normale + current + next/prev */
.paginations .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    background: #ffffff;
    color: #3b3b8f; /* violet du thème */
    border: 2px solid #e0e0f0;
}

/* Page active */
.paginations .page-numbers.current {
    background: #3b3b8f;
    color: #ffffff;
    border-color: #3b3b8f;
    cursor: default;
}

/* Hover sur les liens */
.paginations a.page-numbers:hover {
    background: #5b5bbf;
    color: #ffffff;
    border-color: #5b5bbf;
}

/* Bouton suivant >> */
.paginations .next.page-numbers,
.paginations .prev.page-numbers {
    font-size: 16px;
    background: #f0f0ff;
    border-color: #d0d0f0;
    color: #3b3b8f;
}

.paginations .next.page-numbers:hover,
.paginations .prev.page-numbers:hover {
    background: #3b3b8f;
    color: #ffffff;
    border-color: #3b3b8f;
}

/* ============================================
   FILTER EVERYTHING — v3
   ============================================ */

/* Reset fond rose */
.widget_wpc_filters_widget,
.wpc-filters-main-wrap,
.wpc-filters-widget-content,
.wpc-filters-scroll-container,
.wpc-filters-widget-containers-wrapper,
.wpc-filters-widget-wrapper,
.wpc-filters-widget-top-container,
.wpc-widget-top-inside {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Container principal */
.wpc-filters-main-wrap {
    border: 1px solid #e2e4e9 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    margin-bottom: 32px !important;
    overflow: hidden !important;
}

/* Masquer le bouton toggle "Filtres" — on affiche tout en permanence */
.wpc-filters-open-button-container {
    display: none !important;
}

/* Masquer le close interne */
.wpc-widget-close-container {
    display: none !important;
}

/* Masquer chips vides */
.wpc-empty-chips-container {
    display: none !important;
}

/* Contenu sans padding global */
.wpc-filters-widget-content {
    padding: 0 !important;
}

/* ---- LIGNE 1 : catégories en badges ---- */

/* La section catégories occupe toute la largeur */
.wpc-filter-category {
    width: 100% !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid #e2e4e9 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Masquer le titre "Catégories" */
.wpc-filter-category .wpc-filter-header {
    display: none !important;
}

.wpc-filter-category .wpc-filter-content {
    width: 100% !important;
}

/* Liste ul en flex */
.wpc-filter-category .wpc-filters-ul-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Masquer les vraies checkboxes */
.wpc-filter-category .wpc-label-input {
    display: none !important;
}

/* Chaque item = badge pill */
.wpc-filter-category .wpc-label-item label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 6px 14px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    cursor: pointer !important;
    background: #ffffff !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
}

.wpc-filter-category .wpc-label-item label:hover {
    border-color: #534AB7 !important;
    color: #534AB7 !important;
}

/* Badge actif (filtre sélectionné) */
.wpc-filter-category .wpc-label-item.wpc-term-chosen label,
.wpc-filter-category .wpc-label-input:checked + label {
    background: #EEEDFE !important;
    border-color: #534AB7 !important;
    color: #3C3489 !important;
}

/* Lien dans le badge — hérite du label */
.wpc-filter-category .wpc-filter-link {
    text-decoration: none !important;
    color: inherit !important;
    font-size: inherit !important;
}

/* Compteur */
.wpc-filter-category .wpc-term-count {
    font-size: 11px !important;
    opacity: 0.7 !important;
}

/* Masquer voir plus/moins */
.wpc-see-more-control,
.wpc-see-less-control {
    display: none !important;
}

/* ---- LIGNE 2 : tags + recherche côte à côte ---- */

.wpc-filters-widget-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px 20px !important;
}

/* Sections tags et search en ligne */
.wpc-filter-post_tag,
.wpc-filters-section-3128s {
    flex: 1 1 200px !important;
    min-width: 160px !important;
}

/* Masquer les titres Étiquettes / Rechercher */
.wpc-filter-post_tag .wpc-filter-header,
.wpc-filters-section-3128s .wpc-filter-header {
    display: none !important;
}

/* Select tags */
.wpc-filters-widget-select {
    width: 100% !important;
    height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: #374151 !important;
    background: #ffffff !important;
    cursor: pointer !important;
    appearance: auto !important;
}

.wpc-filters-widget-select:focus {
    outline: none !important;
    border-color: #534AB7 !important;
    box-shadow: 0 0 0 3px rgba(83,74,183,0.12) !important;
}

/* Champ de recherche */
.wpc-search-field-wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.wpc-search-field {
    width: 100% !important;
    height: 40px !important;
    padding: 0 12px 0 36px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: #374151 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

.wpc-search-field:focus {
    outline: none !important;
    border-color: #534AB7 !important;
    box-shadow: 0 0 0 3px rgba(83,74,183,0.12) !important;
}

.wpc-search-icon {
    position: absolute !important;
    left: 11px !important;
    width: 15px !important;
    height: 15px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%239ca3af' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
}

/* Boutons Afficher / Annuler */
.wpc-filters-widget-controls-container {
    padding: 0 20px 14px !important;
    background: #ffffff !important;
}

.wpc-filters-widget-controls-wrapper {
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    padding-top: 12px !important;
    border-top: 1px solid #e2e4e9 !important;
}

.wpc-filters-apply-button {
    padding: 8px 18px !important;
    background: #534AB7 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.wpc-filters-apply-button:hover {
    background: #3C3489 !important;
    color: #ffffff !important;
}

.wpc-filters-close-button {
    padding: 8px 18px !important;
    background: transparent !important;
    color: #6b7280 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 13px !important;
}

.wpc-filters-close-button:hover {
    border-color: #534AB7 !important;
    color: #534AB7 !important;
}

/* Masquer lien admin "Modifier le jeu de filtres" */
.wpc-edit-filter-set {
    display: none !important;
}

/* Badge actif — classe correcte */
body .wpc-filters-main-wrap input.wpc-label-input:checked + label span.wpc-filter-label-wrapper {
    background-color: #534AB7 !important;
    color: #ffffff !important;
}

body .wpc-filters-main-wrap input.wpc-label-input:checked + label span.wpc-filter-label-wrapper .wpc-filter-link,
body .wpc-filters-main-wrap input.wpc-label-input:checked + label span.wpc-filter-label-wrapper .wpc-term-count,
body .wpc-filters-main-wrap input.wpc-label-input:checked + label span.wpc-filter-label-wrapper .wpc-term-count-value,
body .wpc-filters-main-wrap input.wpc-label-input:checked + label span.wpc-filter-label-wrapper .wpc-term-count-brackets-open,
body .wpc-filters-main-wrap input.wpc-label-input:checked + label span.wpc-filter-label-wrapper .wpc-term-count-brackets-close {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Réduire l'espace entre ligne 1 et ligne 2 */
.wpc-filter-category {
    padding-bottom: 10px !important;
}

.wpc-filters-widget-wrapper {
    padding-top: 10px !important;
}

/* Équilibrer dropdown tags et champ recherche 50/50 */
.wpc-filter-post_tag {
    flex: 1 1 0 !important;
}

.wpc-filters-section-3128s {
    flex: 1 1 0 !important;
}