/*
Theme Name: Prysmian Club
Theme URI: https://github.com/thibautmassetstiegler/prysmianclub-wordpress-theme
Version: 1.3
Author: Thibaut Masset Stiegler
Author URL: https://github.com/thibautmassetstiegler
*/

* {
    box-sizing: border-box;
}

/** Bootstrap **/
:root {
    --bs-primary: #0093FF;
    --bs-primary-rgb: 0,147,255;
    --bs-secondary: #00D160;
    --bs-secondary-rgb: 0,209,96;
    --bs-dark: #2D354A;
    --bs-dark-rgb: 45,53,74;

    --bs-border-color: #2D354A;
    --bs-border-radius: 10px;
}

.row {
    --bs-gutter-y: var(--bs-gutter-x);
}


/** Typography **/
* {
    font-family: 'Montserrat', sans-serif;
}

/** Font Size **/
h1,
.h1,
.display-1,
.fs-1,
.title-1 {
    --font-size: 40px;
    --line-height: 40px;

    font-size: var(--font-size) !important;
    line-height: var(--line-height) !important;
}

h2,
.h2,
.display-2,
.fs-2,
.title-2 {
    --font-size: 36px;
    --line-height: 40px;

    font-size: var(--font-size) !important;
    line-height: var(--line-height) !important;
}

h3,
.h3,
.display-3,
.fs-3,
.title-3 {
    --font-size: 24px;
    --line-height: 27px;

    font-size: var(--font-size) !important;
    line-height: var(--line-height) !important;

}

h4,
.h4,
.display-4,
.fs-4,
.title-4 {
    --font-size: 16px;
    --line-height: 19px;

    font-size: var(--font-size) !important;
    line-height: var(--line-height) !important;

}

h5,
.h5,
.display-5,
.fs-5,
.title-5 {
    --font-size: 16px;
    --line-height: 19px;

    font-size: var(--font-size) !important;
    line-height: var(--line-height) !important;
}

h6,
.h6,
.display-6,
.fs-6,
.title-6 {
    --font-size: 12px;
    --line-height: 15px;

    font-size: var(--font-size) !important;
    line-height: var(--line-height) !important;
}

@media (min-width: 992px) {
    h1,
    .h1,
    .display-1,
    .fs-1,
    .title-1 {
        --font-size: 50px;
        --line-height: 60px;
    }

    h2,
    .h2,
    .display-2,
    .fs-2,
    .title-2 {
        --font-size: 48px;
        --line-height: 52px;
    }

    h3,
    .h3,
    .display-3,
    .fs-3,
    .title-3 {
        --font-size: 24px;
        --line-height: 28px;
    }

    h4,
    .h4,
    .display-4,
    .fs-4,
    .title-4 {
        --font-size: 20px;
        --line-height: 24px;
    }

    h5,
    .h5,
    .display-5,
    .fs-5,
    .title-5 {
        --font-size: 16px;
        --line-height: 20px;
    }

    h6,
    .h6,
    .display-6,
    .fs-6,
    .title-6 {
        --font-size: 12px;
        --line-height: 16px;
    }
}

.display-1 {
    font-size: calc(var(--font-size) + 4.5vw);
    line-height: calc(var(--line-height) + 4.5vw);
}

.display-2 {
    font-size: calc(var(--font-size) + 3.9vw);
    line-height: calc(var(--line-height) + 3.9vw);
}

.display-3 {
    font-size: calc(var(--font-size) + 3.3vw);
    line-height: calc(var(--line-height) + 3.3vw);
}

.display-4 {
    font-size: calc(var(--font-size) + 2.7vw);
    line-height: calc(var(--line-height) + 2.7vw);
}

.display-5 {
    font-size: calc(var(--font-size) + 2.1vw);
    line-height: calc(var(--line-height) + 2.1vw);
}

.display-6 {
    font-size: calc(var(--font-size) + 1.5vw);
    line-height: calc(var(--line-height) + 1.5vw);
}


/** Title **/
.title,
.title-1,
.title-2,
.title-3,
.title-4,
.title-5,
.title-6 {
    font-weight: 300;
}

/*.title::before,
.title-1::before,
.title-2::before,
.title-3::before,
.title-4::before,
.title-5::before,
.title-6::before {
    content: "_";
    left: .5rem;
    text-indent: .5em;
}*/

.title--no-indent {
    position: relative;
}

.title--no-indent::before {
    left: -.5em;
    position: absolute;
    text-indent: 0;
}


/** Button **/
.btn {
    --bs-btn-border-radius: var(--bs-border-radius-pill);
}

.btn.active {
    --bs-btn-border-width: 2px;
    --bs-btn-font-weight: 700;

    padding: calc(var(--bs-btn-padding-y) - var(--bs-border-width)) calc(var(--bs-btn-padding-x) - var(--bs-border-width));
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);

    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-black);

    --bs-btn-font-weight: 500;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);

    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);

    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-color: var(--bs-black);

    --bs-btn-font-weight: 500;
}

.btn-dark {
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);

    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);

    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-color: var(--bs-white);

    --bs-btn-font-weight: 500;
}

.btn-primary-secondary-gradient {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-font-weight: 500;

    background-image: linear-gradient(to right, var(--bs-primary), var(--bs-secondary));
    border: none;
    padding: calc(var(--bs-btn-padding-y) + var(--bs-border-width)) calc(var(--bs-btn-padding-x) + var(--bs-border-width));
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-black);
    --bs-btn-border-color: var(--bs-secondary);

    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary);

    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-color: var(--bs-black);

    --bs-btn-font-weight: 400;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-black);
    --bs-btn-border-color: var(--bs-primary);

    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);

    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-color: var(--bs-black);

    --bs-btn-font-weight: 400;
}

.btn-outline-dark {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);

    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-dark);

    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-color: var(--bs-dark);

    --bs-btn-font-weight: 400;
}

.btn-close {
    /* --bs-btn-close-color: #98AEC4; */
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='31' viewBox='0 0 32 31' fill='none'%3e%3cline x1='1.35355' y1='0.646447' x2='31.3536' y2='30.6464' stroke='%2398AEC4'/%3e%3cline x1='0.646447' y1='30.6464' x2='30.6464' y2='0.646447' stroke='%2398AEC4'/%3e%3c/svg%3e");
    /* --bs-btn-close-opacity: 1; */

    background: var(--bs-btn-close-bg);
    height: 30px;
    width: 30px;
}


/** Dropdown **/
.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--bs-secondary);
}


/** Navigation Dropdown **/
.nav-item.prysmian-navbar-dropdown .dropdown-toggle {
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 120px;
}

.nav-item.prysmian-navbar-dropdown .dropdown-toggle:focus-visible {
    background-color: var(--bs-white);
    box-shadow: none;
    color: initial;
}

.nav-item.prysmian-navbar-dropdown .dropdown-toggle.show {
    color: var(--bs-secondary);
    font-weight: 700;
}

.nav-item.prysmian-navbar-dropdown .dropdown-toggle::after {
    content: none;
}

.nav-item.prysmian-navbar-dropdown .dropdown-toggle .dropdown-toggler {
    background-color: var(--bs-secondary);
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    text-align: center;
    width: 20px;
}

.nav-item.prysmian-navbar-dropdown .dropdown-toggle.show .dropdown-toggler .icon {
    mask-image: url('./assets/img/icons/icon-minus.svg');
}

.nav-item.prysmian-navbar-dropdown .dropdown-toggle span {
    position: relative;
    z-index: 1001;
}

.nav-item.prysmian-navbar-dropdown .dropdown-menu {
    --bs-dropdown-border-color: var(--bs-secondary);

    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 14px;
    margin-top: -13px;
    padding: 12px 8px 8px;
}

.nav-item.prysmian-navbar-dropdown .dropdown-menu.show {
    min-width: auto;
    width: 120px;
}

.nav-item.prysmian-navbar-dropdown .dropdown-menu .nav-item {
    margin-bottom: 8px;
}

.nav-item.prysmian-navbar-dropdown .dropdown-menu .nav-item:last-child {
    margin-bottom: 0;
}

.nav-item.prysmian-navbar-dropdown .dropdown-menu .dropdown-item {
    padding: 0;
}

.nav-item.prysmian-navbar-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--bs-white);
}


/** Modal **/
.modal {
    --bs-modal-header-border-width: 0;
    --bs-modal-footer-border-width: 0;
}

.modal .btn-close {
    position: absolute;
    margin: 0;
    padding: 0;
    right: 20px;
    top: 23px;
    z-index: 1;
}

.modal-body {
    padding-top: 38px;
}


/** Alert **/
.alert-white {
    background-color: var(--bs-white);
}


/** Icon **/
.icon {
    --icon-size: 20px;

    background-color: var(--bs-dark);
    display: inline-block;
    height: var(--icon-size);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    width: var(--icon-size);
}

.icon--xs {
    --icon-size: 10px;
}

.icon--sm {
    --icon-size: 20px;
}

.icom--lg {
    --icon-size: 40px;
}

.icon--xl {
    --icon-size: 50px;
}

.icon--white {
    background-color: var(--bs-white);
}

.icon--dark {
    background-color: var(--bs-dark);
}

.icon--gray {
    background-color: var(--bs-gray);
}

.icon--secondary {
    background-color: var(--bs-secondary);
}

.icon--primary {
    background-color: var(--bs-primary);
}

.icon--gradient {
    background: linear-gradient(to right, var(--bs-primary), var(--bs-secondary));
}

.icon--accessoires {
    mask-image: url('./assets/img/icons/icon-accessoires.svg');
}

.icon--automotive {
    mask-image: url('./assets/img/icons/icon-automotive.svg');
}

.icon--avg-engagement {
    mask-image: url('./assets/img/icons/icon-avg-engagement.svg');
}

.icon--battery {
    mask-image: url('./assets/img/icons/icon-battery.svg');
}

.icon--catalogues-et-brochures {
    mask-image: url('./assets/img/icons/icon-catalogues-et-brochures.svg');
}

.icon--computer {
    mask-image: url('./assets/img/icons/icon-computer.svg');
}

.icon--corporate {
    mask-image: url('./assets/img/icons/icon-corporate.svg');
}

.icon--crane {
    mask-image: url('./assets/img/icons/icon-crane.svg');
}

.icon--digital-solutions {
    mask-image: url('./assets/img/icons/icon-digital-solutions.svg');
}

.icon--digital {
    mask-image: url('./assets/img/icons/icon-digital.svg');
}

.icon--e-i {
    mask-image: url('./assets/img/icons/icon-e-i.svg');
}

.icon--economical-s {
    mask-image: url('./assets/img/icons/icon-economical-s.svg');
}

.icon--electrification {
    mask-image: url('./assets/img/icons/icon-electrification.svg');
}

.icon--electronics {
    mask-image: url('./assets/img/icons/icon-electronics.svg');
}

.icon--elevator {
    mask-image: url('./assets/img/icons/icon-elevator.svg');
}

.icon--energie {
    mask-image: url('./assets/img/icons/icon-energie.svg');
}

.icon--energy-transition {
    mask-image: url('./assets/img/icons/icon-energy-transition.svg');
}

.icon--environment {
    mask-image: url('./assets/img/icons/icon-environment.svg');
}

.icon--ethics {
    mask-image: url('./assets/img/icons/icon-ethics.svg');
}

.icon--exit {
    mask-image: url('./assets/img/icons/icon-exit.svg');
}

.icon--facebook {
    mask-image: url('./assets/img/icons/icon-facebook.svg');
}

.icon--fiber {
    mask-image: url('./assets/img/icons/icon-fiber.svg');
}

.icon--fiches-techniques {
    mask-image: url('./assets/img/icons/icon-fiches-techniques.svg');
}

.icon--finance {
    mask-image: url('./assets/img/icons/icon-finance.svg');
}

.icon--governance {
    mask-image: url('./assets/img/icons/icon-governance.svg');
}

.icon--health-safety {
    mask-image: url('./assets/img/icons/icon-health-safety.svg');
}

.icon--high-voltage {
    mask-image: url('./assets/img/icons/icon-high-voltage.svg');
}

.icon--home {
    mask-image: url('./assets/img/icons/icon-home.svg');
}

.icon--impressions {
    mask-image: url('./assets/img/icons/icon-impressions.svg');
}

.icon--industries {
    mask-image: url('./assets/img/icons/icon-industries.svg');
}

.icon--infos-pratiques {
    mask-image: url('./assets/img/icons/icon-infos-pratiques.svg');
}

.icon--innovation {
    mask-image: url('./assets/img/icons/icon-innovation.svg');
}

.icon--instagram {
    mask-image: url('./assets/img/icons/icon-instagram.svg');
}

.icon--lens {
    mask-image: url('./assets/img/icons/icon-lens.svg');
}

.icon--linkedin {
    mask-image: url('./assets/img/icons/icon-linkedin.svg');
}

.icon--mail {
    mask-image: url('./assets/img/icons/icon-mail.svg');
}

.icon--marine-ship {
    mask-image: url('./assets/img/icons/icon-marine-ship.svg');
}

.icon--message-mms {
    mask-image: url('./assets/img/icons/icon-message-mms.svg');
}

.icon--mining {
    mask-image: url('./assets/img/icons/icon-mining.svg');
}

.icon--minus {
    mask-image: url('./assets/img/icons/icon-minus.svg');
}

.icon--n-of-posts {
    mask-image: url('./assets/img/icons/icon-n-of-posts.svg');
}

.icon--new-follower {
    mask-image: url('./assets/img/icons/icon-new-follower.svg');
}

.icon--nuclear {
    mask-image: url('./assets/img/icons/icon-nuclear.svg');
}

.icon--oil-gas {
    mask-image: url('./assets/img/icons/icon-oil-gas.svg');
}

.icon--next {
    mask-image: url('./assets/img/icons/icon-previous.svg');
    transform: rotate(180deg);
}

.icon--people-life {
    mask-image: url('./assets/img/icons/icon-people-life.svg');
}

.icon--people {
    mask-image: url('./assets/img/icons/icon-people.svg');
}

.icon--plus {
    mask-image: url('./assets/img/icons/icon-plus.svg');
}

.icon--podcast {
    mask-image: url('./assets/img/icons/icon-podcast.svg');
}

.icon--power-grids {
    mask-image: url('./assets/img/icons/icon-power-grids.svg');
}

.icon--previous {
    mask-image: url('./assets/img/icons/icon-previous.svg');
}

.icon--projects {
    mask-image: url('./assets/img/icons/icon-projects.svg');
}

.icon--prysmian {
    mask-image: url('./assets/img/icons/icon-prysmian.svg');
    transform: rotate(180deg);
}

.icon--r-d {
    mask-image: url('./assets/img/icons/icon-r-d.svg');
    transform: rotate(180deg);
}

.icon--railway {
    mask-image: url('./assets/img/icons/icon-railway.svg');
    transform: rotate(180deg);
}

.icon--renewable {
    mask-image: url('./assets/img/icons/icon-renewable.svg');
    transform: rotate(180deg);
}

.icon--sales {
    mask-image: url('./assets/img/icons/icon-sales.svg');
    transform: rotate(180deg);
}

.icon--search {
    mask-image: url('./assets/img/icons/icon-search.svg');
}

.icon--service {
    mask-image: url('./assets/img/icons/icon-service.svg');
    transform: rotate(180deg);
}

.icon--social-s {
    mask-image: url('./assets/img/icons/icon-social-s.svg');
    transform: rotate(180deg);
}

.icon--submarine {
    mask-image: url('./assets/img/icons/icon-submarine.svg');
    transform: rotate(180deg);
}

.icon--supply-chain {
    mask-image: url('./assets/img/icons/icon-supply-chain.svg');
    transform: rotate(180deg);
}

.icon--surf {
    mask-image: url('./assets/img/icons/icon-surf.svg');
    transform: rotate(180deg);
}

.icon--sustainability {
    mask-image: url('./assets/img/icons/icon-sustainability.svg');
    transform: rotate(180deg);
}

.icon--telecom-solutions {
    mask-image: url('./assets/img/icons/icon-telecom-solutions.svg');
    transform: rotate(180deg);
}

.icon--telecom {
    mask-image: url('./assets/img/icons/icon-telecom.svg');
    transform: rotate(180deg);
}

.icon--telecoms {
    mask-image: url('./assets/img/icons/icon-telecoms.svg');
}

.icon--text {
    mask-image: url('./assets/img/icons/icon-text.svg');
    transform: rotate(180deg);
}

.icon--tiktok {
    mask-image: url('./assets/img/icons/icon-tiktok.svg');
}

.icon--transmission {
    mask-image: url('./assets/img/icons/icon-transmission.svg');
    transform: rotate(180deg);
}

.icon--tutos {
    mask-image: url('./assets/img/icons/icon-tutos.svg');
}

.icon--user {
    mask-image: url('./assets/img/icons/icon-user.svg');
}

.icon--webinaires {
    mask-image: url('./assets/img/icons/icon-webinaires.svg');
}

.icon--x {
    mask-image: url('./assets/img/icons/icon-x.svg');
}

.icon--youtube {
    mask-image: url('./assets/img/icons/icon-youtube.svg');
}
/* second list icons */
.icon--aerien {
    mask-image: url('./assets/img/icons/icon-aerien.svg');
}
.icon--air-libre {
    mask-image: url('./assets/img/icons/icon-air-libre.svg');
}
.icon--anti-fongique {
    mask-image: url('./assets/img/icons/icon-anti-fongique.svg');
}
.icon--anti-termite {
    mask-image: url('./assets/img/icons/icon-anti-termite.svg');
}
.icon--appareils-mobiles-solaires {
    mask-image: url('./assets/img/icons/icon-appareils-mobiles-solaires.svg');
}
.icon--appareils-mobiles {
    mask-image: url('./assets/img/icons/icon-appareils-mobiles.svg');
}
.icon--bon-cable {
    mask-image: url('./assets/img/icons/icon-bon-cable.svg');
}
.icon--buse {
    mask-image: url('./assets/img/icons/icon-buse.svg');
}
.icon--cablage {
    mask-image: url('./assets/img/icons/icon-cablage.svg');
}
.icon--caniveau {
    mask-image: url('./assets/img/icons/icon-caniveau.svg');
}
.icon--chimie {
    mask-image: url('./assets/img/icons/icon-chimie.svg');
}
.icon--choc-mecanique {
    mask-image: url('./assets/img/icons/icon-choc-mecanique.svg');
}
.icon--cible {
    mask-image: url('./assets/img/icons/icon-cible.svg');
}
.icon--comportement-feu {
    mask-image: url('./assets/img/icons/icon-comportement-feu.svg');
}
.icon--conforme-rpc {
    mask-image: url('./assets/img/icons/icon-conforme-rpc.svg');
}
.icon--corps-solide {
    mask-image: url('./assets/img/icons/icon-corps-solide.svg');
}
.icon--couronnes {
    mask-image: url('./assets/img/icons/icon-couronnes.svg');
}
.icon--engins-mobiles {
    mask-image: url('./assets/img/icons/icon-engins-mobiles.svg');
}
.icon--fa {
    mask-image: url('./assets/img/icons/icon-fa.svg');
}
.icon--facade {
    mask-image: url('./assets/img/icons/icon-facade.svg');
}
.icon--faibles-emissions-fumee {
    mask-image: url('./assets/img/icons/icon-faibles-emissions-fumee.svg');
}
.icon--garantie-conforme {
    mask-image: url('./assets/img/icons/icon-garantie-conforme.svg');
}
.icon--gratuit {
    mask-image: url('./assets/img/icons/icon-gratuit.svg');
}
.icon--immerge {
    mask-image: url('./assets/img/icons/icon-immerge.svg');
}
.icon--ondes {
    mask-image: url('./assets/img/icons/icon-ondes.svg');
}
.icon--ordinateur {
    mask-image: url('./assets/img/icons/icon-ordinateur.svg');
}
.icon--presence-eau {
    mask-image: url('./assets/img/icons/icon-presence-eau.svg');
}
.icon--protection {
    mask-image: url('./assets/img/icons/icon-protection.svg');
}
.icon--radiation-solaire {
    mask-image: url('./assets/img/icons/icon-radiation-solaire.svg');
}
.icon--rayon-courbure-pose {
    mask-image: url('./assets/img/icons/icon-rayon-courbure-pose.svg');
}
.icon--rayon-courbure {
    mask-image: url('./assets/img/icons/icon-rayon-courbure.svg');
}
.icon--sans-halogene {
    mask-image: url('./assets/img/icons/icon-sans-halogene.svg');
}
.icon--sans-plomb {
    mask-image: url('./assets/img/icons/icon-sans-plomb.svg');
}
.icon--serpentin {
    mask-image: url('./assets/img/icons/icon-serpentin.svg');
}
.icon--souplesse {
    mask-image: url('./assets/img/icons/icon-souplesse.svg');
}
.icon--sous-conduit {
    mask-image: url('./assets/img/icons/icon-sous-conduit.svg');
}
.icon--sy {
    mask-image: url('./assets/img/icons/icon-sy.svg');
}
.icon--tableau {
    mask-image: url('./assets/img/icons/icon-tableau.svg');
}
.icon--temperature-installation {
    mask-image: url('./assets/img/icons/icon-temperature-installation.svg');
}
.icon--temperature-stockage {
    mask-image: url('./assets/img/icons/icon-temperature-stockage.svg');
}
.icon--temperature {
    mask-image: url('./assets/img/icons/icon-temperature.svg');
}
.icon--terre {
    mask-image: url('./assets/img/icons/icon-terre.svg');
}
.icon--toutes-installations {
    mask-image: url('./assets/img/icons/icon-toutes-installations.svg');
}

/** Header **/
.header {
    background-image: linear-gradient(to right, var(--bs-primary) 75%, var(--bs-secondary));
    color: var(--bs-white);
}

.blog .header,
.single .header {
    background: var(--bs-primary);
}

.single-resource .header,
.post-type-archive-resource .header,
.tax-resource_category .header,
.type-resource .header {
    background: var(--bs-dark);
}

.single-training .header,
.post-type-archive-training .header,
.tax-training_category .header,
.type-training .header {
    background: var(--bs-secondary);
}

.header .navbar-brand {
    height: 70px;
}

.header .navbar-brand img {
    display: block;
    height: 100%;
}

@media (min-width: 992px) {
    .header {
        padding-right: 120px;
    }
}

/** Navbar **/
.navbar {
    --bs-navbar-toggler-border-color: transparent;
    --navbar-gap: 1rem;
    --navbar-icon-button-size: 31px;
    --navbar-icon-button-icon-size: 21px;

    background-color: var(--bs-white);
}

.navbar-toggler {
    align-self: start;
    margin-right: var(--navbar-gap);
}

.navbar-toggler-icon {
    background-image: url('./assets/img/navbar-toggler.svg');
    height: 24x;
    width: 20px;
}

.navbar-brand {
    flex-grow: 3;
}

.navbar-nav {
    gap: var(--navbar-gap);
}

.navbar-icon {
    display: block;
    background-image: linear-gradient(to right, var(--bs-primary), var(--bs-secondary));
    border: none;
    border-radius: 50%;
    height: var(--navbar-icon-button-size);
    text-align: center;
    width: var(--navbar-icon-button-size);
    padding: 5px;
}

.navbar-icon > img {
    display: block;
    height: var(--navbar-icon-button-icon-size);
    width: var(--navbar-icon-button-icon-size);
}

@media (min-width: 992px) {
    .navbar-brand {
        padding-left: var(--navbar-gap);
    }
}


/** Icon List **/
.icon-list {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 300;
    gap: 1rem;
    line-height: 13px;
}

.icon-list__item {
    display: flex;
    gap: 1rem;
}

.icon-list__item__icon {
    text-align: center;
    width: 32px;
}

.icon-list__item__icon > img {
    max-width: 100%;
}

@media (min-width: 992px) {
    .icon-list {
        font-size: 14px;
        line-height: 15px;
    }
}


/** Banner **/
.banner {
    --banner-border-width: 40px;
    --banner-height: 150px;

    background-image: linear-gradient(to right, var(--bs-primary) 75%, var(--bs-secondary));
    color: var(--bs-white);
    min-height: var(--banner-height);
    padding-right: 5vw;
    position: relative;
}



.blog .banner,
.single .banner {
    background: var(--bs-primary);
}

.single-resource .banner,
.post-type-archive-resource .banner,
.tax-resource_category .banner,
.type-resource .banner {
    background: var(--bs-dark);
}

.single-training .banner,
.post-type-archive-training .banner,
.tax-training_category .banner,
.type-training .banner {
    background: var(--bs-secondary);
}

.banner__content {
    align-items: start;
    background-color: #191B27;
    display: flex;
    flex-direction: column;
    font-weight: 300;
    gap: 1rem;
    padding: 2rem 3rem;
    width: calc(100% + 5vw);
}

.banner__content__list {
    flex-grow: 1;
}

.banner__image {
    border-color: #DCE4F2;
    border-radius: 0 0 360px 0;
    border-style: solid;
    border-width: 0 var(--banner-border-width) var(--banner-border-width) 0;
    box-sizing: content-box;
    display: block;
    height: var(--banner-height);
    object-fit: cover;
    overflow: hidden;
    width: calc(100% - var(--banner-border-width));
}

.banner__image > * {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.banner--tall .banner__image > * {
    height: 100%;
}

@media (min-width: 992px) {
    .banner {
        --banner-border-width: 100px;
        --banner-height: 345px;

        padding-right: 120px;
    }

    .banner--tall {
        --banner-height: 595px;
    }

    .banner__content {
        background-color: rgba(0, 0, 0, 0.7);
        bottom: var(--banner-border-width);
        gap: 2rem;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        max-width: 500px;
    }

    .banner__content > * {
        margin: 0 auto;
    }
}
@media (min-width: 1110px) {
    .single .banner__content {
        max-width: 630px;
    }
}
@media (min-width: 1300px) {
    .single .banner__content {
        max-width: 800px;
    }
}
@media (min-width: 1360px) {
    .single .banner__content {
        max-width: 900px;
    }
}


/** Shortcut **/
.shortcut {
    --shortcut-circle-radius: 96.5px;
    --shortcut-circle-bottom-position: 30px;

    overflow: hidden;
    position: relative;
}

.shortcut::after {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0 var(--shortcut-circle-radius) var(--shortcut-circle-radius) 0;
    bottom: var(--shortcut-circle-bottom-position);
    content: '';
    position: absolute;
    right: var(--shortcut-circle-bottom-position);
    height: calc(var(--shortcut-circle-radius) * 2);
    width: var(--shortcut-circle-radius);
    z-index: 1;
}

.shortcut__content {
    background: radial-gradient(
        var(--shortcut-circle-radius) at 100% var(--shortcut-circle-radius),
        #0000 98%,
        #eaeaec) 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: calc(var(--shortcut-circle-radius) * 2 + var(--shortcut-circle-bottom-position));
    margin-right: calc(var(--shortcut-circle-radius) * 2);
    padding: 1rem calc(var(--shortcut-circle-radius) + .5rem) 1rem 1rem;
    position: relative;
    width: calc(100% - (var(--shortcut-circle-radius) + var(--shortcut-circle-bottom-position)));
    z-index: 1;
}

.shortcut__content__title {
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
}

.shortcut__content__description {
    font-size: 12px;
    flex-grow: 1;
}

.shortcut__content__link {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 50%;
    display: block;
    height: 27px;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    width: 27px;
}

.shortcut__content__link::after {
    background-image: url('./assets/img/shortcut-link-icon.svg');
    background-position: center center;
    color: var(--bs-white);
    content: '';
    left: 50%;
    height: 17px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 10px;
    z-index: 1;
}

.shortcut__image {
    border-radius: 0 50% 50% 0;
    bottom: 0;
    height: calc(var(--shortcut-circle-radius) * 2 + var(--shortcut-circle-bottom-position) * 2);
    object-fit: cover;
    position: absolute;
    right: 0;
    z-index: 0;
}


/** Shortcuts Container **/
.shortcuts-container {
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr;
    padding: 0;
}

@media(min-width: 768px) {
    .shortcuts-container {
        padding: inherit;

    }
}

@media(min-width: 1200px) {
    .shortcuts-container {
        gap: 50px;
        grid-template-columns: repeat(3, 1fr);

    }
}


/** Post Card **/
.post-card {
    --post-card-color: var(--bs-primary);

    background-color: var(--post-card-color);
    border-color: var(--post-card-color);
    border-style: solid;
    border-width: 1px;
    border-bottom-right-radius: 100px;
    color: #fff;
    display: flex;
    min-height: 220px;
    overflow: hidden;
    position: relative;
}

.post-card.type-post {
    --post-card-color: var(--bs-primary);
}

.post-card.type-training {
    --post-card-color: var(--bs-secondary);
}

.post-card.type-resource {
    --post-card-color: var(--bs-dark);
}

.post-card__content {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1rem 1rem 2rem 1rem;
    width: 60%;
}

.post-card__content__title {
    flex-grow: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    width: 100%;
}

.post-card__content__title a {
    color: var(--bs-white);
    text-decoration: none;
}

.post-card__content__title a:hover {
    text-decoration: underline;
}

.post-card__image {
    display: block;
    object-fit: cover;
    width: 40%;
    height: 100%;
}

.post-card__category-icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

@media (min-width: 1400px) {
    .post-card {
        min-height: 260px;
    }
}

.post-card--placeholder {
    background-color: var(--bs-white);
    border-color: var(--bs-black);
    opacity: 0.25;
}

.post-card--placeholder .post-card__content__category {
    background-color: var(--bs-black);
    width: 25%;
    height: 12px;
}

.post-card--placeholder .post-card__content__title {
    background-color: var(--bs-black);
    flex-grow: inherit;
    height: 16px;
    margin-bottom: 3rem;
    width: 75%;
}

.post-card--placeholder .post-card__content__link {
    display: block;
    height: 29px;
    width: 50%;
}

.post-card--placeholder .post-card__image {
    background-color: var(--bs-black);
}


/** Post List **/
.post-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

@media (min-width: 992px) {
    .post-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .post-list__item--tall {
        grid-row: 1 / 3;
        grid-column: 1;
    }
}


/** Argument List **/
.arguments-container {
    --arguments-background-margin-bottom: -75px;
    --arguments-gap: 2rem;

    position: relative;
}

.arguments {
    align-items: center;
    background-color: #2D354A;
    border-radius: 40px;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin-bottom: calc(var(--arguments-background-margin-bottom) * -1 + 2rem);
    padding: 3rem 2rem;
}

.arguments__title {
    align-self: flex-start;
    margin-bottom: 2rem;
}

.arguments__description {
    margin-bottom: 2rem;
}

.arguments__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.argument {
    align-items: center;
    display: flex;
    gap: 2rem;
}

.argument__avatar {
    border-radius: 50%;
    height: 100px;
    object-fit: cover;
    width: 100px;
}

.argument__content__title {
    font-weight: 700;
    margin-bottom: 1rem;
}

.arguments-container__background-image {
    background-blend-mode: multiply;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -50px;
    height: 273px;
    position: absolute;
    width: 100%;
    z-index: -1;
}


@media (min-width: 992px) {
    .arguments {
        text-align: center;
    }

    .arguments__title {
        align-self: center;
    }

    .arguments__description {
        width: 60%;
    }

    .arguments__list {
        grid-template-columns: repeat(4, 1fr);
    }

    .argument {
        align-items: center;
        flex-basis: 0;
        flex-direction: column;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .arguments-container::after {
        height: 273px;
    }
}


/** Commentary Card **/
.commentary-card {
    font-style: italic;
}

.commentary-card__content {
    --commentary-card-spacing: 1.5rem;

    margin-bottom: var(--commentary-card-spacing);
    height: 120px;
    padding-bottom: var(--commentary-card-spacing);
    position: relative;
    text-align: center;
}

.commentary-card__content::after {
    background: linear-gradient(to right, var(--bs-secondary), var(--bs-primary));
    background-position: bottom;
    bottom: 0;
    content: '';
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50%;
}

@media (min-width: 768px) {
    .commentary-card__content {
        text-align: left;
        height: 72px;
    }

    .commentary-card__content::after {
        left: 0;
        transform: none;
    }
}

@media (min-width: 992px) {
    .commentary-card__content {
        height: auto;
    }
}


/** Carousel **/
.carousel {
    padding-bottom: 3rem;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: url('./assets/img/carousel-indicator.svg');
    display: none;
}

.carousel-control-prev-icon {
    transform: rotate(-180deg);
}

.carousel-indicators {
    bottom: 0;
}

.carousel-indicators [data-bs-target] {
    --carousel-indicators-target-color: #DCE4F2;
    --carousel-indicators-target-size: 15px;

    border-color: var(--carousel-indicators-target-color);
    border-style: solid;
    border-radius: var(--carousel-indicators-target-size);
    border-width: calc(var(--carousel-indicators-target-size) / 2);
    box-sizing: border-box;
    height: 0px;
    margin: 0 .5rem;
    opacity: 1;
    width: var(--carousel-indicators-target-size);
}

.carousel-indicators .active {
    border-color: var(--bs-secondary);
}

@media (min-width: 992px) {
    .carousel {
        --carousel-control-width: 3rem;

        padding-left: 5rem;
        padding-right: 5rem;
    }

    .carousel-control-next,
    .carousel-control-prev {
        opacity: 1;
        width: var(--carousel-control-width);
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: block;
        height: 45px;
        width: 23.51px;
    }
}


/** Prysmian Group News Banner **/
.prysmiangroup-news-banner {
    align-items: flex-start;
    border-radius: 0 0 var(--bs-border-radius-pill) var(--bs-border-radius-pill);
    color: var(--bs-light);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: start;
    margin: 0 auto;
    max-width: 320px;
    min-height: 600px;
    overflow: hidden;
    padding: 65px 50px;
    position: relative;
}

.prysmiangroup-news-banner__logo {
    aspect-ratio: 1 / 1;
    background-image: url('./assets/img/prysmiangroup-news-banner-logo.png');
    background-size: 75%;
    background-color: #2D354A;
    background-position: center;
    background-repeat: no-repeat;
    border-color: #191B27;
    border-radius: 50%;
    border-style: solid;
    border-width: 25px;
    bottom: 0;
    left: 0;
    opacity: 80%;
    position: absolute;
    width: 100%;
}

.prysmiangroup-news-banner__image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.prysmiangroup-news-banner__image img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

@media (min-width: 992px) {
    .prysmiangroup-news-banner {
        border-radius: 0 var(--bs-border-radius-pill) var(--bs-border-radius-pill) 0;
        justify-content: center;
        min-height: 250px;
        margin: 0 120px 0 0;
        max-width: inherit;
        height: 350px;
        padding: 0 110px;
    }

    .prysmiangroup-news-banner__logo {
        height: 100%;
        left: auto;
        right: 0;
        width: auto;
    }
}


/** CTA **/
.cta {
    --cta-icon-size: 45px;
    --cta-padding: 2rem;
    --cta-gap: 1rem;

    align-items: start;
    background-color: rgba(25, 27, 39, .65);
    background-position: center center;
    background-size: cover;
    background-blend-mode: multiply;
    border-radius: 40px;
    color: var(--bs-white);
    display: flex;
    flex-direction: column;
    gap: var(--cta-gap);
    order: 10;
    overflow: hidden;
    padding: var(--cta-padding);
    position: relative;
}

.cta--cableapp {
    --cta-cableapp-overlay--height: 175px;
    --cta-cableapp-overlay-position-top: 20px;

    padding-top: calc(var(--cta-cableapp-overlay-position-top) + var(--cta-cableapp-overlay--height) + var(--cta-padding));
    position: relative;
}

.cta--cableapp::before {
    background-image: url('./assets/img/cta-cableapp-overlay.png');
    background-position-x: -250px;
    background-repeat: no-repeat;
    background-size: auto var(--cta-cableapp-overlay--height);
    content: '';
    height: var(--cta-cableapp-overlay--height);
    left: 0;
    position: absolute;
    top: var(--cta-cableapp-overlay-position-top);
    width: 100%;
    z-index: 1;
}

.cta__icon {
    align-items: center;
    background-color: var(--bs-primary);
    border-radius: 50%;
    display: flex;
    height: var(--cta-icon-size);
    justify-content: center;
    width: var(--cta-icon-size);
}

.post-type-archive-training .cta__icon,
.tax-training_category .cta__icon {
    background-color: var(--bs-secondary);
}

.cta__description {
    font-size: 11px;
    line-height: 13px;
}

.cta__image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.cta__image img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

@media (min-width: 992px) {
    .cta {
        --cta-icon-size: 100px;
        --cta-gap: 30px;

        order: 1;
    }

    .cta__icon {
        margin-bottom: 70px;
    }

    .cta__icon .icon {
        --icon-size: calc(var(--cta-icon-size) - 2rem);
    }

    .cta__icon > img {
        height: 50px;
    }
}

/** Event Card **/
.event-card {
    --event-card-date-size: 120px;
    --event-card-gap: 1rem;

    padding-left: calc(var(--event-card-date-size) + var(--event-card-gap));
    position: relative;
    min-height: var(--event-card-date-size);
}

.event-card__date {
    display: flex;
    background-color: #fff;
    border: 20px solid #DCE4F2;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    float: left;
    font-size: 20px;
    height: var(--event-card-date-size);
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    width: var(--event-card-date-size);
}

.event-card__location {
    margin-bottom: var(--event-card-gap);
}

.event-card__description {
    font-size: 14px;
    margin-bottom: var(--event-card-gap);
}

.event-card__link {
    font-size: 12px;
}

@media (min-width: 1200px) {
    .event-card {
        --event-card-date-size: 150px;
    }
}


/** Agenda **/
.agenda {
    --agenda-border-left-width: 66px;
    --agenda-border-top-width: 60px;

    background-position: top left;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: var(--agenda-border-top-width) 0 0 var(--agenda-border-left-width);
    border-color: #DCE4F2;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
    padding-bottom: 30px;
}

.agenda::before {
    content: '';
    background-color: var(--bs-white);
    background-image: url('./assets/img/agenda-top-left-border.svg');
    background-repeat: no-repeat;
    height: 212px;
    left: calc(var(--agenda-border-left-width) * -1 + -1px);
    position: absolute;
    top: calc(var(--agenda-border-top-width) * -1);
    width: 290px;
}

.agenda__header {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    margin: 2rem;
    z-index: 1;
}

.agenda__event-list {
    display: grid;
    flex-direction: column;
    gap: 1rem;
    grid-template-columns: 1fr;
    margin-left: calc(var(--agenda-border-left-width) * -1);
}

@media (min-width: 576px) {
    .agenda__header {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (min-width: 992px) {
    .agenda {
        gap: 2rem;
        margin-left: 30px;
        padding-top: 30px;
    }

    .agenda__event-list {
        grid-template-columns: repeat(3, 1fr);
        margin: 0 2rem;
    }
}

@media (min-width: 1200px) {
    .agenda {
        --agenda-border-left-width: 90px;
        --agenda-border-top-width: 80px;
    }

    .agenda::before {
        background-image: url('./assets/img/agenda-lg-top-left-border.svg');
        height: 283px;
        width: 388px;
    }
}

/** Menu **/
.menu {
    display: flex;
    flex-direction: column;
    gap: .5em;
}

.menu__title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 15px;
    text-transform: uppercase;
}

.menu__list {
    list-style: none;
    padding: 0;
}

.menu__link {
    font-size: 11px;
    line-height: 22px;
    text-decoration: none;
}


/** Footer **/
.footer {
    --footer-gap: 2rem;
    --footer-brand-border-radius: 10px;

    background-color: var(--bs-dark);
    color: var(--bs-white);
    padding: var(--footer-gap);
    display: flex;
    flex-direction: column;
    gap: var(--footer-gap);
}

.footer__brand {
    align-items: start;
    background-color: var(--bs-white);
    border-radius: 0 var(--footer-brand-border-radius) var(--footer-brand-border-radius) 0;
    color: var(--bs-black);
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-style: italic;
    gap: var(--footer-gap);
    margin-left: calc(var(--footer-gap) * -1);
    padding: 30px 15px 30px 15px;
}

.footer__brand__logo {
    display: block;
    max-height: 50px;
}

.footer__menu-list {
    color: var(--bs-white);
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.footer__menu-list a {
    color: var(--bs-white);
}

.footer__menu-list > * {
    flex-basis: calc(50% - var(--footer-gap) / 2);
}

.footer__contact__title {
    border-bottom: 1px solid #D9D9D9;
    font-size: 12px;
    font-weight: 600px;
    letter-spacing: 10%;
    line-height: 15px;
    margin-bottom: .5em;
    padding-bottom: 2em;
    text-transform: uppercase;
    width: 50%;
}

.footer__contact__tagline {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 2em;
}

.footer__contact__social-media-list {
    display: flex;
}

.footer__contact__social-media-list > * {
    flex-basis: 50%;
}

@media (min-width: 992px) {
    .footer {
        flex-direction: row;
    }

    .footer__brand {
        border-radius: var(--footer-brand-border-radius) var(--footer-brand-border-radius) 0 0;
        margin-left: 0;
        margin-bottom: calc(var(--footer-gap) * -1);
        max-width: 173px;
    }

    .footer__menu-list {
        flex-grow: 2;
    }

    .footer__menu-list > * {
        flex-basis: calc(25% - var(--footer-gap));
    }
}

@media (min-width: 1400px) {
    .footer {
        padding-left: 120px;
        padding-right: 120px;
    }
}













/* Footer spécifique landing page */
.landing-footer {
    position: relative;
    padding: 0;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.12), transparent 32%),
        linear-gradient(135deg, #252b3d 0%, #151a29 52%, #0c111d 100%);
    color: #fff;
    overflow: hidden;
}

.landing-footer__inner {
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
    padding: 52px 32px 26px;
}

.landing-footer__grid {
    display: grid;
    grid-template-columns: minmax(320px, 1.4fr) minmax(260px, 0.8fr) minmax(260px, 0.8fr);
    gap: 48px;
    align-items: start;
}

/* Logo */
.landing-footer__brand {
    max-width: 520px;
}

.landing-footer__brand-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 16px 22px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.09);
    text-decoration: none;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.landing-footer__brand-link:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.24);
}

.landing-footer__brand-logo {
    display: block;
    max-width: 210px;
    height: auto;
}

.landing-footer__baseline {
    max-width: 560px;
    margin: 18px 0 0;
    font-size: 18px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.86);
}

/* Titres colonnes */
.landing-footer__title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1.2;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.96);
}

.landing-footer__title::after {
    content: "";
    width: 36px;
    height: 1px;
    background: rgba(255, 255, 255, 0.34);
}

/* Contact */
.landing-footer__contact,
.landing-footer__nav {
    padding-top: 10px;
}

.landing-footer__tagline {
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.76);
}

.landing-footer__social-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.landing-footer__social-list a {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.09);
    color: #fff;
    text-decoration: none;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.landing-footer__social-list a:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.17);
    border-color: rgba(255, 255, 255, 0.25);
}

/* Liens utiles */
.landing-footer__nav-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.landing-footer__nav-list a {
    width: fit-content;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 15px;
    line-height: 1.4;
    text-decoration: none !important;
    background: none !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: color .2s ease, transform .2s ease;
}

.landing-footer__nav-list a:hover {
    color: #fff !important;
    transform: translateX(3px);
}

/* Copyright */
.landing-footer__bottom {
    margin-top: 42px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.58);
    text-align: right;
}

/* Focus accessibilité */
.landing-footer a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
}

/* Tablette */
@media (max-width: 991px) {
    .landing-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 38px;
    }

    .landing-footer__brand {
        grid-column: 1 / -1;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .landing-footer__inner {
        padding: 42px 24px 24px;
    }

    .landing-footer__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .landing-footer__brand-logo {
        max-width: 180px;
    }

    .landing-footer__baseline {
        font-size: 16px;
    }

    .landing-footer__bottom {
        text-align: left;
    }
}

/* Très grand écran */
@media (min-width: 1400px) {
    .landing-footer__inner {
        max-width: 1280px;
    }
}











/** Category Icon **/
.category-icon {
    --category-icon-size: 50px;

    align-items: center;
    color: var(--bs-body-color);
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center;
    text-decoration: none;
}

.category-icon[data-filter-type] {
    cursor: pointer;
}

.category-icon--inline {
    flex-direction: row;
}

.category-icon.active .category-icon__icon-container .icon {
    background-color: var(--bs-white);
}

.category-icon__icon-container {
    background-color: var(--bs-white);
    border: 1px solid var(--bs-dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--category-icon-size);
    width: var(--category-icon-size);
}

.category-icon--primary .category-icon__icon-container,
.blog .category-icon[data-filter-active] .category-icon__icon-container,
.type-post .category-icon__icon-container,
.category .category-icon[data-filter-active] .category-icon__icon-container {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

.category-icon--primary .category-icon__text,
.blog .category-icon[data-filter-active] .category-icon__text,
.type-post .category-icon__text,
.category .category-icon[data-filter-active] .category-icon__text {
    color: var(--bs-primary);
}

.category-icon--dark .category-icon__icon-container,
.type-resource .category-icon__icon-container,
.post-type-archive-resource .category-icon[data-filter-active] .category-icon__icon-container,
.tax-resource_category .category-icon[data-filter-active] .category-icon__icon-container {
    border-color: var(--bs-dark);
    background-color: var(--bs-dark);
}

.category-icon--dark .category-icon__text,
.type-resource .category-icon__text,
.post-type-archive-ressource .category-icon[data-filter-active] .category-icon__text,
.tax-resource_category .category-icon[data-filter-active] .category-icon__text {
    color: var(--bs-dark);
}

.category-icon--secondary .category-icon__icon-container,
.type-training .category-icon__icon-container,
.post-type-archive-training .category-icon[data-filter-active] .category-icon__icon-container,
.tax-training_category .category-icon[data-filter-active] .category-icon__icon-container {
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary);
}

.category-icon--secondary .category-icon__text,
.type-training .category-icon__text,
.post-type-archive-training .category-icon__text,
.tax-training_category .category-icon[data-filter-active] .category-icon__text {
    color: var(--bs-secondary);
}

.category-icon__text {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
}

.category-icon--bold .category-icon__text,
.category-icon.active .category-icon__text,
.category-icon[data-filter-active] .category-icon__text {
    font-weight: 700;
}


/** Searchbar **/
.searchbar {
    align-items: center;
    border-bottom: 1px solid var(--bs-dark);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    max-width: 345px;
    padding: 8px 1rem;
}

.searchbar__input {
    background-color: transparent;
    border: none;
    flex-grow: 1;
    font-family: 'Montserrat', sans-serif;
    outline: none;
}

.searchbar__input::placeholder {
    font-size: 12px;
    font-style: italic;
}

.searchbar__button {
    aspect-ratio: 1/1;
    border: none;
    background-color: transparent;
    background-image: url('./assets/img/searchbar-button-icon.svg');
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
}


/** Archive Filters **/
.archive-filters {
    --archive-filters-gap: 2rem;

    position: relative;
}

.archive-filters__header {
    align-items: center;
    display: flex;
    gap: var(--archive-filters-gap);
    justify-content: space-between;
}

.archive-filters__header__toggle-collapse-button {
    background-image: url('./assets/img/archive-filters-less-icon.svg');
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: block;
    height: 25px;
    text-indent: 100%;
    width: 25px;
}

.archive-filters__header__toggle-collapse-button.collapsed {
    background-image: url('./assets/img/archive-filters-more-icon.svg');
}

.archive-filters__content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--archive-filters-gap) * 2);
    margin-top: var(--archive-filters-gap);
}

.archive-filters__content__categories {
    display: flex;
    gap: var(--archive-filters-gap);
    justify-content: space-around;
    flex-wrap: nowrap;
    overflow: scroll hidden;
    position: relative;
}

.archive-filters__content__categories > * {
    max-width: 80px;
}

.archive-filters__content__categories::after {
    background-color: #98AEC4;
    bottom: calc(var(--archive-filters-gap) * -1);
    content: '';
    left: 0;
    height: 1px;
    position: absolute;
    right: 0;
}

.archive-filters__content__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0 0 1rem;
}


.archive-filters__content__tags .btn:hover {
    background-color: initial;
    color: initial;
}

@media (min-width: 992px) {
    .archive-filters {
        --archive-filters-gap: 1rem;
    }

    .archive-filters .collapse {
        display: block;
    }

    .archive-filters__header__toggle-collapse-button {
        display: none;
    }

    .archive-filters__content {
        align-items: flex-start;
        flex-direction: row;
    }

    .archive-filters__content__categories {
        flex-wrap: wrap;
        min-width: 300px;
        overflow: hidden;
    }

    .archive-filters__content__categories::after {
        bottom: 0;
        height: auto;
        left: auto;
        right: calc(var(--archive-filters-gap) * -1);
        top: 0;
        width: 1px;
    }

    .archive-filters__content__categories:last-child::after {
        display: none;
    }

    .archive-filters__content__tags {
        padding: 0;
    }
}

/** Pagination **/
.pagination {
    --bs-pagination-border-width: 0;
    --bs-pagination-color: var(--bs-black);
    --bs-pagination-font-size: 24px;

    --bs-pagination-active-color: var(--bs-primary);
    --bs-pagination-active-bg: transparent;
    --pagination--active-text-decoration-color: var(--bs-primary);

    --bs-pagination-padding-x: 0.35rem;

    align-items: center;
    flex-wrap: wrap;
    font-weight: 300;
    justify-content: center;
}

.pagination .page-item.active {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: var(--pagination--active-text-decoration-color);
}

.pagination .page-item--previous,
.pagination .page-item--next {
    position: relative;
    height: 25px;
    width: 13px;
}

.pagination .page-item--previous {
    margin-right: 1rem;
}

.pagination .page-item--next {
    margin-left: 1rem;
}

.blog .pagination,
.category .pagination,
.tag .pagination {
    --bs-pagination-active-color: var(--bs-primary);
    --pagination--active-text-decoration-color: var(--bs-primary);
}

.post-type-archive-training .pagination,
.tax-training_category .pagination {
    --bs-pagination-active-color: var(--bs-secondary);
    --pagination--active-text-decoration-color: var(--bs-secondary);
}

.post-type-archive-resource .pagination,
.tax-resource_category .pagination {
    --bs-pagination-active-color: var(--bs-dark);
    --pagination--active-text-decoration-color: var(--bs-dark);
}

.blog .pagination .page-item.active,
.category .pagination .page-item.active,
.tag .pagination.pagination .page-item.active {
    text-decoration-color: var(--bs-primary);
}


@media (min-width: 992px) {
    .pagination {
        --bs-pagination-padding-x: 0.75rem;
    }
}


/** Post **/
.article {
    --article-login-wall-height: 500px;
    --article-login-wall-gap: 2rem;
    --article-post-thumbnail-size: 300px;
    --article-post-thumbnail-after-background-height: 60px;

    display: flex;
    flex-direction: column;
    position: relative;
}

.article__banner {
    background-color: var(--bs-primary);
}

.type-resource .article__banner {
    background-color: var(--bs-dark);
}

.type-training .article__banner {
    background-color: var(--bs-secondary);
}

.article__banner {
    flex-basis: 100%;
    order: 1;
}

.article__header {
    --article-header-gap: 2rem;


    background-color: var(--bs-light);

    order: 2;
    padding: 1rem;
}

.article__header__container {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    gap: var(--article-header-gap);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.article__header__back-link {
    color: #767676;
    font-size: 12px;
    line-height: 100%;
    text-decoration: none;
}

.article__header__container > * {
    position: relative;
}

.article__header__container > *:not(.article__header__tag)::after {
    background-color: #d9d9d9;
    content: '';
    height: 27px;
    position: absolute;
    right: calc(var(--article-header-gap) / 2 * -1);
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.article__header__container > * {
    flex-shrink: 0;
}

.article__header__container > *:last-child::after {
    display: none;
}

.article__header__tag + .article__header__tag {
    margin-left: calc(var(--article-header-gap) / 1.5 * -1);
}

.article__login-wall {
    align-items: center;
    background-image: linear-gradient(to top, #DCE4F2 90%, transparent);
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: var(--article-login-wall-gap);
    height: var(--article-login-wall-height);
    justify-content: center;
    left: 0;
    margin-bottom: -3rem;
    padding: 5rem 1rem 1rem;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1;
}

.article__login-wall__title {
    position: relative;
}

.article__login-wall__title::after {
    background-color: #98AEC4;
    bottom: calc(var(--article-login-wall-gap) / 2 * -1);
    left: 25%;
    right: 25%;
    content: '';
    height: 2px;
    position: absolute;
}

.article__login-wall__cta {
    position: relative;
}

.article__login-wall__cta::after {
    bottom: 0;
    content: '';
    background-image: url('./assets/img/article-login-wall-arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    position: absolute;
    left: calc(100% + 26px);
    transform: translateY(-5px);
}

.article__content {
    flex-basis: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative;
    order: 3;
}

.article__content img {
    max-width: 100%;
}

.article--ressource .article__content__container {
    display: flex;
    flex-direction: column;
}

.article__content__container__post-thumbnail {
    height: var(--article-post-thumbnail-size);
    align-self: end;
    margin: 30px 0;
    width: var(--article-post-thumbnail-size);
}

.article__content__container__post-thumbnail > img {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.article__content__container__post-thumbnail::after {
    background-color: #DCE4F2;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    bottom: 0;
    content: '';
    height: var(--article-post-thumbnail-after-background-height);
    position: absolute;
    right: 0;
    z-index: -1;
    width: calc(var(--article-post-thumbnail-size) + var(--bs-gutter-x) + 20px);
}


.article__login-wall + .article__content {
    min-height: calc(var(--article-login-wall-height) + 100px);
}

.article__footer {
    --article-footer-gap: 2rem;

    justify-self: end;
    order: 4;
}

.article__footer__container {
    align-items: end;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    gap: var(--article-footer-gap);
}

.article__footer__container > * {
    position: relative;
}

.article__footer__container > *::after {
    bottom: calc(var(--article-footer-gap) / 2 * -1);
    background-color: #d9d9d9;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
}

.article__footer__container > *:last-child::after {
    display: none;
}

.article__footer__publish-date {
    font-size: 12px;
    line-height: 15px;
    font-style: normal;
}

.article__footer__share {
    align-items: center;
    display: flex;
    font-size: 12px;
    gap: 1rem;
    line-height: 15px;
}

@media (min-width: 992px) {
    .article {
        --article-login-wall-height: 600px;

        align-items: stretch;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .article__banner {
        padding-right: 120px;
    }

    .article__header {
        order: 2;
        flex-basis: 50%;
    }

    .article__header__container {
        overflow: visible;
    }

    .article__content {
        flex-basis: 100%;
        min-height: 25vh;
        order: 4;
    }

    .article--ressource .article__content__container {
        flex-direction: row;
        min-height: calc(var(--article-post-thumbnail-size) + var(--article-post-thumbnail-after-background-height) / 2);
    }

    .article__content__container__post-thumbnail {
        align-self: inherit;
        flex-basis: var(--article-post-thumbnail-size);
        flex-grow: 0;
        flex-shrink: 0;
        margin: 0 0 0 100px;
    }

    .article__content__container__post-thumbnail::after {
        bottom: inherit;
        left: 60%;
        top: calc(var(--article-post-thumbnail-size) - var(--article-post-thumbnail-after-background-height) / 2);
        width: auto;
    }


    .article__footer {
        background-color: var(--bs-light);
        flex-basis: 50%;
        order: 3;
    }

    .article__footer__container {
        align-items: center;
        flex-direction: row;
        justify-content: end;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
    }

    .article__footer__container > *::after {
        bottom: 50%;
        height: 27px;
        left: auto;
        right: calc(var(--article-footer-gap) / 2 * -1);
        transform: translateY(50%);
        width: 1px;
    }

}

@media (min-width: 1200px) {
    .article__content__container__post-thumbnail::after {
        left: 65%;
    }
}

@media (min-width: 1400px) {
    .article__content__container__post-thumbnail::after {
        left: 70%;
    }
}




/** Related Articles **/
.related-articles {
    --related-articles-background-position: -50px;

    margin-top: calc(var(--related-articles-background-position) * -1 + 3rem);
    position: relative;
}

.related-articles__container {
    background-color: var(--bs-white);
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.related-articles__background {
    --gutter-x: 0;

    background-image: linear-gradient(to right, var(--bs-primary), var(--bs-secondary));
    height: 275px;
    left: var(--gutter-x);
    right: var(--gutter-x);
    position: absolute;
    top: var(--related-articles-background-position);
    z-index: -1;
}

.related-articles__title {
    margin: 39px 20px 0;
}

.related-articles__content {
    display: grid;
    flex-direction: column;
    gap: 27px;
    grid-template-columns: 1fr;
    padding: 0 20px 20px;
}

@media (min-width: 992px) {
    .related-articles {
        --related-articles-background-position: -60px;

        margin-left: 60px;
        margin-right: 60px;
    }

    .related-articles__background {
        --gutter-x: -60px;
    }
    .related-articles__title {
        margin: 39px 50px 0;
    }

    .related-articles__content {
        grid-template-columns: repeat(3, 1fr);
        padding: 0 50px 20px;
    }
}


/** Preferences **/
.preferences__title {
    font-size: 16px;
    font-weight: 700;
    display: block;
    letter-spacing: 0.1em;
    line-height: 25px;
    margin-bottom: 1rem;
    text-transform: uppercase;
}


/** Template page formulaire **/
@media (min-width: 992px) {
    .page-template-page-form {
        position: relative;
    }

    .page-template-page-form .article__content {
        padding-right: 200px;
    }

    .page-template-page-form .article::after {
        background-image: url('./assets/img/form-background.svg');
        content: '';
        height: 605px;
        position: absolute;
        right: 0;
        top: calc(50% - 350px);
        transform: translateY(50%);
        width: 448px;
    }
}

/** Forms (Ultimate Member / Login with Ajax) **/
.form-label {
    color: #191B27;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
}

.form-control {
    font-weight: 500;
}

.form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

.form-check-input:checked {
    background-color: #191B27;
    border-color: #191B27;
}

.um {
    --prysmianclub-theme-um-form-color: #191B27;
    --prysmianclub-theme-um-form-border-color: #191B27;
    --prysmianclub-theme-um-form-border-radius: 10px;
}

.um:not(.um-admin) {
    color: var(--prysmianclub-theme-um-form-color);
}

.um-field-label label {
    color: var(--prysmianclub-theme-um-form-color);
    font-size: 14px !important;
    font-weight: 500;
    line-height: 15px !important;
}

.um span.um-req {
    color: var(--prysmianclub-theme-um-form-color);
    margin: 0;
}

.um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea {
    color: var(--prysmianclub-theme-um-form-color);
}

.um .um-form ::-webkit-input-placeholder {
    color: var(--prysmianclub-theme-um-form-color) !important;
    font-style: italic;
}

.um .um-form .um-datepicker.picker__input.picker__input--active, .um .um-form .um-datepicker.picker__input.picker__input--target, .um .um-form input[type=number]:focus, .um .um-form input[type=password]:focus, .um .um-form input[type=search]:focus, .um .um-form input[type=tel]:focus, .um .um-form input[type=text]:focus, .um .um-form textarea:focus {
    border-color: var(--prysmianclub-theme-um-form-border-color) !important;
}

.select2-container .select2-choice, .select2-container-multi .select2-choices, .select2-drop, .select2-drop-active, .select2-drop.select2-drop-above, .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea, .um .upload-progress {
    border-color: var(--prysmianclub-theme-um-form-border-color) !important;
    border-radius: var(--prysmianclub-theme-um-form-border-radius);
}

.um-field .select2.select2-container .select2-selection, .um-search-filter .select2.select2-container .select2-selection {
    border-color: var(--prysmianclub-theme-um-form-border-color) !important;
    border-radius: var(--prysmianclub-theme-um-form-border-radius) !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--prysmianclub-theme-um-form-color) !important;
    font-style: italic;
}

.um-field .select2.select2-container .select2-selection[aria-expanded="true"], .um-search-filter .select2.select2-container .select2-selection[aria-expanded="true"] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 0 !important;
}

.um-field .select2-container.select2-container--open .select2-dropdown, .um-search-filter .select2-container.select2-container--open .select2-dropdown {
    border-color: var(--um-form-border-color) !important;
}

.um-field .select2-container.select2-container--open .select2-dropdown .select2-results li, .um-search-filter .select2-container.select2-container--open .select2-dropdown .select2-results li {
    color: var(--prysmianclub-theme-um-form-color) !important;
}

.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus {
    background-color: var(--prysmianclub-theme-um-form-color);
    border-radius: 100px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 15px !important;
}

.um-button, a.um-button {
    padding: 8px 16px !important;
}

.um a.um-button:hover, .um input[type=submit].um-button:hover {
    background-color: var(--prysmianclub-theme-um-form-color);
}

.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
    background: linear-gradient(to right, var(--bs-primary), var(--bs-secondary));
    color: var(--bs-white);
}

.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
    background: linear-gradient(to right, var(--bs-primary), var(--bs-secondary));
    color: var(--bs-white);
}

.um-field .select2-container--default .select2-selection--multiple .select2-selection__rendered li, .um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    border-color: var(--prysmianclub-theme-um-form-border-color) !important;
    background-color: var(--bs_white);
    color: var(--prysmianclub-theme-um-form-color);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--prysmianclub-theme-um-form-color);
}

.um-field-checkbox-option, .um-field-radio-option {
    color: var(--prysmianclub-theme-um-form-color) !important;
}

.um-field-checkbox-state i, .um-field-radio-state i {
    color: var(--prysmianclub-theme-um-form-color) !important;
}

.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: var(--prysmianclub-theme-um-form-color);
}

.um input[type=submit].um-button, .lwa-bones .pixelbones .button.button-primary, .lwa-bones .pixelbones button.button-primary, .lwa-bones .pixelbones input[type=button].button-primary, .lwa-bones .pixelbones input[type=reset].button-primary, .lwa-bones .pixelbones input[type=submit].button-primary {
    background: linear-gradient(to right, var(--bs-primary), var(--bs-secondary));
    border: none !important;
    border-radius: var(--bs-border-radius-pill) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    min-width: auto !important;
    padding: 7px 13px !important;
    text-transform: initial !important;
    letter-spacing: initial !important;
}

/** Login **/
.um-login .um-center {
    text-align: initial;
}

.um-login input[type=submit].um-button {
    margin-top: 1rem;
}

.lwa-bones .pixelbones input[type=email], .lwa-bones .pixelbones input[type=number], .lwa-bones .pixelbones input[type=password], .lwa-bones .pixelbones input[type=search], .lwa-bones .pixelbones input[type=tel], .lwa-bones .pixelbones input[type=text], .lwa-bones .pixelbones input[type=url], .lwa-bones .pixelbones select, .lwa-bones .pixelbones textarea {
    border-color: var(--prysmianclub-theme-um-form-border-color) !important;
    background-color: var(--bs_white);
    color: var(--prysmianclub-theme-um-form-color);
}

.lwa-bones ::placeholder {
    color: var(--prysmianclub-theme-um-form-color) !important;
    font-style: italic;
}

.lwa-bones :focus {
    border-color: var(--prysmianclub-theme-um-form-border-color) !important;
}

.um-notice.success {
    background: var(--bs-secondary) !important;
}

/** Inscription (template "Prysmian Club Inscription") **/
.um-prysmian-register .um-field-label {
    display: none;
}

.um-prysmian-register .um-field {
    margin-top: 0;
    margin-bottom: 14px;
    padding: 0;
}

.um-prysmian-register .um-field-area {
    margin-top: 0;
}

.um-prysmian-register .um-form input[type=number],
.um-prysmian-register .um-form input[type=email],
.um-prysmian-register .um-form input[type=password],
.um-prysmian-register .um-form input[type=search],
.um-prysmian-register .um-form input[type=tel],
.um-prysmian-register .um-form input[type=text],
.um-prysmian-register .um-form textarea {
    width: 100%;
    padding: 12px 16px;
    line-height: 1.4;
}

.um-prysmian-register .um-form ::-webkit-input-placeholder {
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: .03em;
    color: rgba(255, 255, 255, 0.55) !important;
}

.um-prysmian-register .um-form ::placeholder {
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: .03em;
    opacity: 1;
    color: rgba(255, 255, 255, 0.55) !important;
}

.um-prysmian-register .select2-container--default .select2-selection--single .select2-selection__placeholder {
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: .03em;
}

/* Champ "département" : on aligne la hauteur du select2 sur les inputs */
.um-prysmian-register .um-field .select2.select2-container .select2-selection--single {
    height: auto;
    padding: 6px 16px;
}

/* Bouton d'envoi pleine largeur */
.um-prysmian-register .um-col-alt {
    padding: 0;
    text-align: center;
}

.um-prysmian-register .um-form input[type=submit].um-button {
    width: 100%;
    margin-top: 6px;
}

/* Carte sombre (reprend le look du #form wpcf7) - base mobile */
.um.um-prysmian-register {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 20px;
    border: 2px solid transparent;
    border-radius: 16px;
    background: linear-gradient(#191B27, #191B27) padding-box,
                linear-gradient(0deg, var(--bs-primary), var(--bs-secondary)) border-box;
}

/* Texte clair sur fond sombre (sauf les inputs) */
.um.um-prysmian-register:not(.um-admin),
.um-prysmian-register .um-field-label label,
.um-prysmian-register .um-field-checkbox-option,
.um-prysmian-register .um-field-radio-option,
.um-prysmian-register .um-field-block,
.um-prysmian-register h1,
.um-prysmian-register h2,
.um-prysmian-register h3,
.um-prysmian-register h4,
.um-prysmian-register p {
    color: #fff;
}

.um-prysmian-register .um-field-block a {
    color: var(--bs-secondary);
    text-decoration: underline;
}

/* Inputs / textarea : transparents, soulignés (style "ligne") */
.um-prysmian-register .um-form input[type=number],
.um-prysmian-register .um-form input[type=email],
.um-prysmian-register .um-form input[type=password],
.um-prysmian-register .um-form input[type=search],
.um-prysmian-register .um-form input[type=tel],
.um-prysmian-register .um-form input[type=text],
.um-prysmian-register .um-form textarea {
    background-color: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 0 !important;
    color: #fff !important;
    padding: 10px 2px;
}

.um-prysmian-register .um-form input[type=number]:focus,
.um-prysmian-register .um-form input[type=email]:focus,
.um-prysmian-register .um-form input[type=password]:focus,
.um-prysmian-register .um-form input[type=search]:focus,
.um-prysmian-register .um-form input[type=tel]:focus,
.um-prysmian-register .um-form input[type=text]:focus,
.um-prysmian-register .um-form textarea:focus {
    border-bottom-color: #fff !important;
}

/* Select "département" (select2) au même style ligne */
.um-prysmian-register .um-field .select2.select2-container .select2-selection--single {
    background-color: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 0 !important;
}

.um-prysmian-register .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

/* Cases à cocher visibles sur fond sombre */
.um-prysmian-register .um-field-checkbox-state i,
.um-prysmian-register .um-field-radio-state i {
    color: #fff !important;
}

/* Formulaire jeu-concours (#9259) : passer le dernier bloc texte SOUS le bouton */
.um-9259 .um-form form {
    display: flex;
    flex-direction: column;
}

.um-9259 .um-form form > .um-row {
    display: contents;
}

.um-9259 .um-col-alt {
    order: 1;
}

.um-9259 .um-row > .um-col-1:last-child {
    order: 2;
    margin-top: 1rem;
    text-align: center;
    font-size: 13px;
}

/* Carte : titres plus compacts sur mobile */
.um-prysmian-register h1,
.um-prysmian-register h2,
.um-prysmian-register h3 {
    font-size: 22px;
    line-height: 1.2;
}

/* Desktop : carte plus large, padding et titres restaurés */
@media (min-width: 768px) {
    .um.um-prysmian-register {
        width: 75%;
        padding: 40px;
        border-radius: 24px;
    }

    .um-prysmian-register h1,
    .um-prysmian-register h2,
    .um-prysmian-register h3 {
        font-size: 28px;
    }
}