/*
|--------------------------------------------------------------------------
| torskint-theme.css
| Stratégie couleur secondaire — à inclure après style.min.css
| Palette : primary #0B525B | secondary #A8DADC | tertiary #EDF6F9
|--------------------------------------------------------------------------
*/

/* ─── 1. Accents typographiques — spans dans les titres ─────────────────── */
.title-two h2 span,
.title-two h3 span,
.title-three h2 span,
.title-three h3 span,
.title-one h2 span,
.footer-intro h3 span,
.fancy-banner-three h2 span,
.fancy-banner-six h2 span,
.feedback-section-four .main-title h2 {
    color: var(--secondary-theme);
}

/* ─── 2. Numéros décoratifs & upper-titles ──────────────────────────────── */
.numb {
    color: var(--secondary-theme);
}

.upper-title {
    color: var(--secondary-theme);
    font-weight: 600;
    letter-spacing: .08em;
}

.faq-tag {
    background: var(--secondary-theme);
    color: var(--primary-theme);
    font-weight: 600;
    border-radius: 20px;
    padding: 4px 14px;
    display: inline-block;
    font-size: .8rem;
    margin-bottom: 16px;
}

/* ─── 3. Compteurs ──────────────────────────────────────────────────────── */
.counter-box-one .main-count,
.counter-box-two .main-count,
.counter-box .main-count,
.feedback-section-four .main-title h2 {
    color: var(--primary-theme);
}

.counter-box-one .main-count span,
.counter-box-two .main-count span {
    color: var(--primary-theme);
}

/* ─── 4. Ligne décorative sous les titres de section ───────────────────── */
.title-two,
.title-three {
    position: relative;
}

.title-two::after,
.title-three::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: var(--secondary-theme);
    margin-top: 14px;
    border-radius: 2px;
}

.title-two.text-center::after,
.title-three.text-center::after {
    margin-left: auto;
    margin-right: auto;
}

/* ─── 5. Sidebar & navigation active ───────────────────────────────────── */
.category-list .style-none li a.active,
.sidebar-one .category-list li a.active {
    color: var(--primary-theme);
    border-left: 3px solid var(--secondary-theme);
    padding-left: 12px;
    font-weight: 600;
}

.category-list .style-none li a:hover,
.sidebar-one .category-list li a:hover {
    color: var(--primary-theme);
    border-left: 3px solid var(--secondary-theme);
    padding-left: 12px;
}

/* ─── 6. Accordion — titre ouvert ──────────────────────────────────────── */
.accordion-button:not(.collapsed) {
    color: var(--primary-theme);
    background-color: var(--tertiary-theme);
}

.accordion-button:not(.collapsed)::after {
    filter: none;
}

/* ─── 7. Hover liens footer & mega menu ─────────────────────────────────── */
.footer-nav-link a:hover,
.footer-one .bottom-footer ul li a:hover,
.mega-dropdown-list li a:hover span,
.mega-dropdown-list li a:hover i,
.up-nav li a:hover,
.footer-about a:hover {
    color: var(--secondary-theme);
}

/* ─── 8. Hover cards ────────────────────────────────────────────────────── */
.card-style-one:hover,
.card-style-four:hover,
.card-style-six:hover,
.card-style-eight:hover,
.feedback-card-one:hover,
.feedback-card-three:hover,
.blog-meta-one:hover .blog-title h3,
.project-block-two:hover .caption-wrapper {
    border-color: var(--secondary-theme);
}

.card-style-four:hover .icon {
    background: var(--secondary-theme) !important;
}

/* ─── 9. Icônes de service (card-style-four colored circles) ────────────── */
.card-style-four .icon {
    transition: background .3s ease;
}

/* ─── 10. Badges date blog ──────────────────────────────────────────────── */
.blog-meta-one .media .date,
.blog-meta-three .media .date {
    background: var(--secondary-theme);
    color: var(--primary-theme);
    font-weight: 700;
}

/* ─── 11. Fil d'Ariane (breadcrumb-one) ─────────────────────────────────── */
.breadcrumb-one li a:hover {
    color: var(--secondary-theme);
}

.breadcrumb-one li.active {
    color: var(--secondary-theme);
}

/* ─── 12. Mega menu titre colonne ───────────────────────────────────────── */
.mega-menu-title {
    color: var(--secondary-theme);
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700;
}

/* ─── 13. footer-nav-title ──────────────────────────────────────────────── */
.footer-nav-title {
    color: var(--primary-theme);
    font-weight: 700;
    display: block;
}

/* ─── 14. Bouton scroll-top ─────────────────────────────────────────────── */
.scroll-top {
    background: var(--primary-theme);
    color: #fff;
    border-radius: 50%;
}

.scroll-top:hover {
    background: var(--secondary-theme);
    color: var(--primary-theme);
}

/* ─── 15. Sidebar contact-banner ────────────────────────────────────────── */
.contact-banner {
    background: var(--tertiary-theme);
    border: 1px solid var(--secondary-theme);
}

/* ─── 16. Sections alternées fond tertiaire ─────────────────────────────── */
.bg-grey {
    background-color: var(--tertiary-theme) !important;
}

/* ─── 17. Inner banner — fond dégradé si pas d'image ───────────────────── */
.inner-banner-one:not([style*="background-image"]) {
    background: linear-gradient(135deg, var(--primary-theme) 0%, var(--secondary-theme) 100%);
}

.inner-banner-one:not([style*="background-image"]) h1,
.inner-banner-one:not([style*="background-image"]) p {
    color: #fff;
}

.inner-banner-one:not([style*="background-image"]) .breadcrumb-one li,
.inner-banner-one:not([style*="background-image"]) .breadcrumb-one li a {
    color: rgba(255,255,255,.8);
}

.inner-banner-one:not([style*="background-image"]) .breadcrumb-one li.active {
    color: var(--secondary-theme);
}

/* ─── 18. pr-details-header — ligne décorative ──────────────────────────── */
.pr-details-header {
    border-bottom: 2px solid var(--tertiary-theme);
}

.pr-details-header .upper-title {
    color: var(--secondary-theme);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* ─── 19. Liens actifs nav mobile ───────────────────────────────────────── */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--secondary-theme) !important;
}

/* ─── 20. Champs focus formulaire ───────────────────────────────────────── */
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {
    padding: 16px 20px !important;
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    width: 100% !important;
    transition: border-color .2s ease !important;
}

input:not([type="radio"]):not([type="checkbox"]):focus,
textarea:focus,
select:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--secondary-theme) !important;
    background-color: #fff !important;
}

/* ─── 21. Ratings étoiles ───────────────────────────────────────────────── */
.rating li i.bi-star-fill {
    color: var(--secondary-theme);
}

/* ─── 22. list-feature checkmarks ──────────────────────────────────────── */
.list-feature li::before {
    color: var(--secondary-theme);
}

/* ─── 23. Pagination active ────────────────────────────────────────────── */
.pagination-two li a.active,
.pagination-two li a:hover {
    background: var(--secondary-theme);
    color: var(--primary-theme);
    border-color: var(--secondary-theme);
}

.theme-main-menu .signup-btn-three i.bi,
.btn-seven i.bi,
.btn-eight i.bi,
.btn-two i.bi {
    color: var(--secondary-theme);
}