/* Wrapper global rouge+vert */
.passenger-card-wrapper{
    margin-top:15px;
    border-radius:18px;
    overflow:hidden;           /* coupe les coins */
    box-shadow:0 4px 12px rgba(0,0,0,0.18);
    max-width:100%;
}

/* Rouge : seulement padding top */
.passenger-name-box{
    background: linear-gradient(135deg,#d32f2f 0,#ff8f00 100%);
    color:#fff;
    padding:10px 14px 0 14px;  /* ← zéro padding bottom */
    margin:0;
}

/* Nom + ✓ centrés */
.passenger-label{
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
    opacity:.9;
    text-align:center;
}

.passenger-name{
    font-size:18px;
    font-weight:700;
    margin:2px 0 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-align:center;
}

/* Vert : collé au rouge, arrondi en bas */
.cb-view-profile-link{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:9px 14px;
    background:linear-gradient(135deg,#4caf50 0,#009688 100%);
    color:#fff !important;
    text-decoration:none !important;
    font-size:13px;
    font-weight:600;
    margin:0;                    /* zéro marge */
    border-radius:0 0 18px 18px; /* arrondi seulement en bas */
    box-shadow:0 4px 12px rgba(0,0,0,0.18);
}

/* Icône verte */
.cb-view-profile-icon{
    width:22px;
    height:22px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,0.9);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    background:rgba(0,0,0,0.15);
}

/* Hover */
.cb-view-profile-link:hover{
    filter:brightness(1.08);
    transform:translateY(-1px);
    box-shadow:0 6px 14px rgba(0,0,0,0.25);
}

/* Espace après le bloc vert vers ABOUT ME */
.passenger-card-wrapper + .about-section{
    margin-top:12px;
}

/* Responsive */
@media(max-width:768px){
    .passenger-name{
        font-size:16px;
    }
    .cb-view-profile-link{
        font-size:12px;
        padding:8px 12px;
    }
}


/********** BOUTONS JAUNE BOARDING PASS – FORCE L’ANCIEN GRIS **********/

#dj-classifieds .button,
#dj-classifieds button.button,
#dj-classifieds a.button,
#dj-classifieds input[type="submit"].button,
#dj-classifieds .dj_cf_search button.button,
#dj-classifieds .dj_cf_search a.button,
#dj-classifieds .dj_cf_regions_selects button.button,
.dj_cf_search button.button,
.dj_cf_search a.button,
.dj_cf_regions_selects button.button {
    background-color: #ff294a !important;       
        border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    color: #ffffff !important;
    font-family: var(--font-primary, Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    padding: 10px 20px 10px 20px;  /* ← plus d’air à gauche */
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    text-shadow: none !important;
    cursor: pointer !important;
    background-image: none !important;           /* tue le gradient gris */
}

/* Hover */
#dj-classifieds .button:hover,
#dj-classifieds button.button:hover,
#dj-classifieds a.button:hover,
#dj-classifieds input[type="submit"].button:hover,
#dj-classifieds .dj_cf_search button.button:hover,
#dj-classifieds .dj_cf_search a.button:hover,
#dj-classifieds .dj_cf_regions_selects button.button:hover,
.dj_cf_search button.button:hover,
.dj_cf_search a.button:hover,
.dj_cf_regions_selects button.button:hover {
    background-color: #ffca2c !important;
    color: #ff294a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.25) !important;
}

/* Désactivé */
#dj-classifieds .button:disabled,
.dj_cf_search button.button:disabled,
.dj_cf_search a.button.disabled {
    background-color: #ffe8a3 !important;
    border-color: #f0c96a !important;
    color: #b37b00 !important;
    cursor: not-allowed !important;
    opacity: 0.8 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Bouton close / annuler – aussi jaune */
#dj-classifieds .button.close,
.dj_cf_search button.button.close,
.dj_cf_search a.button.close {
    float: none !important;
    opacity: 0.95 !important;
    padding: 6px 14px !important;
    background-color: #ff294a !important;
    border: 2px dashed #ff294a !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    text-transform: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}

#dj-classifieds .button.close:hover,
.dj_cf_search button.button.close:hover,
.dj_cf_search a.button.close:hover {
    background-color: #ffca2c !important;
    color: #ff294a !important;
}
/* ========================================
   FIX DARK MODE - VISIBILITY
   ======================================== */

/* Background général DJ-Classifieds */
#dj-classifieds,
#dj-classifieds .main_cat,
#dj-classifieds .dj-cattree-box,
#dj-classifieds .categories-view {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Boxes catégories */
#dj-classifieds .category-box,
#dj-classifieds .cat-box {
    background-color: #f8f9fa !important;
    color: #333333 !important;
}

/* Liens dans les catégories */
#dj-classifieds .category-box a,
#dj-classifieds .cat-box a {
    color: #BB0031 !important;
}

/* Description des catégories */
#dj-classifieds .category-description,
#dj-classifieds .cat-description {
    color: #666666 !important;
}

/* Force tous les conteneurs principaux */
#dj-classifieds .dj-container,
#dj-classifieds .dj-content {
    background-color: #ffffff !important;
}
/* ========================================
   BOUTONS PICKEENOO - STYLE UNIFORME
   ======================================== */

#dj-classifieds .button,
#dj-classifieds button.button,
#dj-classifieds a.button,
#dj-classifieds input[type="submit"].button,
#dj-classifieds .dj_cf_search button.button,
#dj-classifieds .dj_cf_search a.button,
#dj-classifieds .dj_cf_regions_selects button.button,
.dj_cf_search button.button,
.dj_cf_search a.button,
.dj_cf_regions_selects button.button {
    background-color: #ff294a !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    color: #ffffff !important;
    font-family: var(--font-primary) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    padding: 10px 20px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
    text-shadow: none !important;
    cursor: pointer !important;
    background-image: none !important;
    border: none !important;
}

/* Hover effect */
#dj-classifieds .button:hover,
#dj-classifieds button.button:hover,
#dj-classifieds a.button:hover,
.dj_cf_search button.button:hover {
    background-color: #BB0031 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(187, 0, 49, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* ========================================
   FIX DARK MODE - DROPDOWNS & BUTTONS
   ======================================== */

/* Dropdown Category (select) */
#dj-classifieds select,
#dj-classifieds .dj-select,
#dj-classifieds select.inputbox,
.dj_cf_search select {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #ddd !important;
}

/* Options dans les dropdowns */
#dj-classifieds select option,
#dj-classifieds .dj-select option {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Bouton "Sort by" */
#dj-classifieds .sort-button,
#dj-classifieds button[class*="sort"],
#dj-classifieds .btn-sort,
#dj-classifieds .order-button {
    background: linear-gradient(135deg, #BB0031 0%, #FF294A 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}

#dj-classifieds .sort-button:hover,
#dj-classifieds button[class*="sort"]:hover {
    background: linear-gradient(135deg, #FF294A 0%, #BB0031 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(187, 0, 49, 0.3);
}

/* Champ de recherche "Search by word" */
#dj-classifieds input[type="text"],
#dj-classifieds input[type="search"],
.dj_cf_search input[type="text"] {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #ddd !important;
}

/* Placeholder des inputs */
#dj-classifieds input::placeholder,
.dj_cf_search input::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}

/* Dropdown menu (liste déroulante ouverte) */
#dj-classifieds .dropdown-menu,
#dj-classifieds .category-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
}

#dj-classifieds .dropdown-menu li,
#dj-classifieds .dropdown-menu a {
    background-color: #ffffff !important;
    color: #333333 !important;
}

#dj-classifieds .dropdown-menu a:hover {
    background-color: #f8f9fa !important;
    color: #BB0031 !important;
}
/* ========================================
   FIX DARK MODE - TITRES
   ======================================== */


/* Pour les titres sur fond sombre (si nécessaire) */
body.dark-mode #dj-classifieds h1,
body.dark-mode #dj-classifieds h2,
body.dark-mode #dj-classifieds h3,
body.dark-mode #dj-classifieds h4 {
    color: #ffffff !important;
}

/* Titres de sections spécifiques */
#dj-classifieds .page-header h1,
#dj-classifieds .category-header h1,
#dj-classifieds .item-title h1 {
    color: #BB0031 !important;
}

/* ========================================
   FIX DARK MODE - ACCORDION & LABELS
   ======================================== */

/* Labels de formulaires UNIQUEMENT dans recherche/accordéon */
#dj-classifieds .search-expanded label,
#dj-classifieds .advanced-search label,
.dj_cf_search label,
#dj-classifieds .accordion-body label,
#dj-classifieds .collapse label {
    color: #ff294A !important;
    background-color: transparent !important;
}

/* Labels normaux (profil, edit) restent foncés */
#dj-classifieds label,
#dj-classifieds .control-label {
    color: #333333 !important;
    background-color: transparent !important;
}

/* Titres d'accordéon */
#dj-classifieds .accordion-header,
#dj-classifieds .panel-heading,
#dj-classifieds .collapse-header,
#dj-classifieds .search-header,
#dj-classifieds h3.search-title,
#dj-classifieds .filter-header {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* Texte dans les sections de recherche */
.dj_cf_search .search-section-title,
.dj_cf_search .field-label,
.dj_cf_search legend {
    color: #ffffff !important;
}

/* Texte des options dans accordéon */
#dj-classifieds .search-group-title,
#dj-classifieds .filter-group-title {
    color: #ffffff !important;
}

/* Container de recherche étendue */
#dj-classifieds .search-expanded,
#dj-classifieds .advanced-search {
    background-color: rgba(187, 0, 49, 0.95) !important;
}
/* ========================================
   MODULE CB LOGIN - BOARDING PASS STYLE
   Date: 20/01/2026
   ======================================== */

/* Container global boarding pass */
.mod-login.cbLoginForm {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    max-width: 450px;
    margin: 30px auto;
    overflow: hidden;
    font-family: 'ABeeZee', sans-serif;
}

/* HEADER BOARDING PASS */
.mod-login.cbLoginForm::before {
    content: '✈️ PICKEENOO LOGIN';
    display: block;
    background: linear-gradient(135deg, #BB0031 0%, #FF294A 100%);
    color: #ffffff;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 3px dashed rgba(255, 255, 255, 0.3);
}

/* Contenu du formulaire */
.mod-login__userdata {
    padding: 30px;
    background: #ffffff;
}

/* Inputs username & password */
.mod-login__username input,
.mod-login__password input {
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    font-size: 14px !important;
    transition: all 0.3s ease;
    width: 100%;
    background: #f8f9fa;
}

.mod-login__username input:focus,
.mod-login__password input:focus {
    border-color: #FF294A !important;
    box-shadow: 0 0 0 3px rgba(255, 41, 74, 0.1) !important;
    outline: none !important;
    background: #ffffff;
}

.mod-login__username,
.mod-login__password {
    margin-bottom: 15px;
}

.input-group-text {
    background: #f5f5f5;
    border: 2px solid #e0e0e0;
    border-left: none;
}

/* Checkbox Remember Me */
.mod-login__remember {
    margin: 15px 0;
}

.mod-login__remember .form-check-label {
    color: #666666;
    font-size: 14px;
    cursor: pointer;
}

.mod-login__remember input[type="checkbox"] {
    cursor: pointer;
}

/* Bouton Log in PRINCIPAL */
.mod-login__submit button[type="submit"] {
    background: #FF294A !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    width: 100% !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.mod-login__submit button[type="submit"]:hover {
    background: #BB0031 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(187, 0, 49, 0.3);
}

/* Bouton Passkey - style secondaire */
.plg_system_webauthn_login_button {
    background: #f5f5f5 !important;
    color: #666666 !important;
    border: 1px solid #e0e0e0 !important;
    margin-bottom: 10px !important;
    border-radius: 8px !important;
    padding: 10px !important;
    transition: all 0.3s ease;
}

.plg_system_webauthn_login_button:hover {
    background: #e0e0e0 !important;
    border-color: #cccccc !important;
}

/* Liste des options */
.mod-login__options {
    padding: 20px 30px !important;
    background: #f8f9fa;
    list-style: none;
    padding-left: 0;
    margin: 0 !important;
}

.mod-login__options li {
    margin-bottom: 10px !important;
    text-align: center;
}

/* Liens standards (Forgot password, Forgot username) */
.mod-login__options li a {
    color: #666666 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
    display: inline-block;
}

.mod-login__options li a:hover {
    color: #FF294A !important;
    text-decoration: underline !important;
}

/* BOUTON SIGN UP - STYLE BOARDING PASS AVEC FLÈCHE ANIMÉE */
.mod-login__options li.form-login-options-register {
    margin-top: 20px !important;
}

.mod-login__options li.form-login-options-register a {
    display: block !important;
    background: linear-gradient(135deg, #BB0031 0%, #FF294A 100%) !important;
    color: #ffffff !important;
    padding: 14px 50px 14px 30px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 12px rgba(187, 0, 49, 0.35) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
}

/* Flèche blanche animée sur Sign Up */
.mod-login__options li.form-login-options-register a::after {
    content: '→';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    transition: all 0.3s ease;
    opacity: 0.8;
}

.mod-login__options li.form-login-options-register a:hover {
    background: linear-gradient(135deg, #FF294A 0%, #BB0031 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(187, 0, 49, 0.45) !important;
    text-decoration: none !important;
    padding-right: 55px !important;
}

.mod-login__options li.form-login-options-register a:hover::after {
    right: 15px;
    opacity: 1;
    animation: arrowBounce 0.6s ease infinite;
}

@keyframes arrowBounce {
    0%, 100% {
        transform: translateY(-50%) translateX(0);
    }
    50% {
        transform: translateY(-50%) translateX(5px);
    }
}

/* FOOTER BOARDING PASS */
.mod-login__options::after {
    content: '••• BOARDING PASS •••';
    display: block;
    text-align: center;
    color: #999999;
    font-size: 11px;
    letter-spacing: 2px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 2px dashed #e0e0e0;
    text-transform: uppercase;
}
/* ========================================
   FIX BOUTON SHOW/HIDE PASSWORD - REGISTRATION
   ======================================== */

/* Bouton Show/Hide password visible */
body.view-registers .cb_template .input-group-append .btn,
body.view-registers .cb_template .input-password-toggle,
body.view-registers .cb_template .input-group-text {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
    border: 2px solid #e0e0e0 !important;
    border-left: none !important;
    padding: 8px 12px !important;
    cursor: pointer !important;
}

body.view-registers .cb_template .input-group-append .btn:hover,
body.view-registers .cb_template .input-password-toggle:hover {
    background-color: #e0e0e0 !important;
    color: #000000 !important;
}

/* Icône eye visible */
body.view-registers .cb_template .icon-eye,
body.view-registers .cb_template .fa-eye,
body.view-registers .cb_template .fa-eye-slash {
    color: #666666 !important;
    font-size: 16px !important;
}


/* Responsive */
@media (max-width: 767px) {
    .mod-login.cbLoginForm::before {
        font-size: 16px;
        padding: 15px;
    }
    
    .mod-login__userdata {
        padding: 20px;
    }
    
    .mod-login__options {
        padding: 15px 20px !important;
    }
    
    .mod-login__submit button[type="submit"],
    .mod-login__options li.form-login-options-register a {
        font-size: 14px !important;
        padding: 12px 45px 12px 20px !important;
    }
}
/* ========================================
   CB REGISTRATION ONLY - BOARDING PASS STYLE
   Date: 20/01/2026
   ======================================== */

/* Container principal registration UNIQUEMENT */
body.view-registers .cbRegistration,
body.view-registration .cb_template {
    max-width: 600px;
    margin: 30px auto;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    font-family: 'ABeeZee', sans-serif;
}

/* HEADER BOARDING PASS - Registration uniquement */
body.view-registers .cbRegistration::before,
body.view-registration .cb_template::before {
    content: '✈️ JOIN PICKEENOO COMMUNITY';
    display: block;
    background: linear-gradient(135deg, #BB0031 0%, #FF294A 100%);
    color: #ffffff;
    text-align: center;
    padding: 25px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 3px dashed rgba(255, 255, 255, 0.3);
}

/* Titre "Join us!" */
body.view-registers .cbRegistration h1,
body.view-registration .cb_template h1,
body.view-registers .cbRegistration .contentheading,
body.view-registration .cb_template .contentheading {
    color: #FF294A !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center;
    margin: 30px 0 20px 0 !important;
    padding: 0 20px;
}

/* Formulaire */
body.view-registers .cbRegistration form,
body.view-registration .cb_template form {
    padding: 30px;
}

/* Labels des champs */
body.view-registers .cbRegistration label,
body.view-registration .cb_template label,
body.view-registers .cbRegistration .cbLabelSpan {
    color: #333333 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 8px;
    display: block;
}

/* Tous les inputs */
body.view-registers .cbRegistration input[type="text"],
body.view-registers .cbRegistration input[type="email"],
body.view-registers .cbRegistration input[type="password"],
body.view-registers .cbRegistration textarea,
body.view-registers .cbRegistration select,
body.view-registration .cb_template input[type="text"],
body.view-registration .cb_template input[type="email"],
body.view-registration .cb_template input[type="password"],
body.view-registration .cb_template textarea,
body.view-registration .cb_template select {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    transition: all 0.3s ease;
    background: #f8f9fa !important;
    margin-bottom: 20px;
}

/* Focus sur les inputs */
body.view-registers .cbRegistration input:focus,
body.view-registers .cbRegistration textarea:focus,
body.view-registers .cbRegistration select:focus,
body.view-registration .cb_template input:focus,
body.view-registration .cb_template textarea:focus,
body.view-registration .cb_template select:focus {
    border-color: #FF294A !important;
    box-shadow: 0 0 0 3px rgba(255, 41, 74, 0.1) !important;
    outline: none !important;
    background: #ffffff !important;
}

/* Groupes de champs */
body.view-registers .cbRegistration .cbFieldsContentsTab,
body.view-registration .cb_template .cbFieldsContentsTab {
    margin-bottom: 15px;
}

/* Bouton Submit "Register" */
body.view-registers .cbRegistration input[type="submit"],
body.view-registers .cbRegistration button[type="submit"],
body.view-registration .cb_template input[type="submit"],
body.view-registration .cb_template button[type="submit"] {
    background: linear-gradient(135deg, #BB0031 0%, #FF294A 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 16px 50px 16px 30px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(187, 0, 49, 0.35) !important;
    display: block;
    margin: 30px auto !important;
    position: relative;
}

/* Flèche animée sur bouton Register */
body.view-registers .cbRegistration input[type="submit"]::after,
body.view-registers .cbRegistration button[type="submit"]::after,
body.view-registration .cb_template input[type="submit"]::after,
body.view-registration .cb_template button[type="submit"]::after {
    content: '→';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    transition: all 0.3s ease;
    opacity: 0.8;
}

body.view-registers .cbRegistration input[type="submit"]:hover,
body.view-registers .cbRegistration button[type="submit"]:hover,
body.view-registration .cb_template input[type="submit"]:hover,
body.view-registration .cb_template button[type="submit"]:hover {
    background: linear-gradient(135deg, #FF294A 0%, #BB0031 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(187, 0, 49, 0.45) !important;
    padding-right: 55px !important;
}

body.view-registers .cbRegistration input[type="submit"]:hover::after,
body.view-registers .cbRegistration button[type="submit"]:hover::after,
body.view-registration .cb_template input[type="submit"]:hover::after,
body.view-registration .cb_template button[type="submit"]:hover::after {
    right: 15px;
    opacity: 1;
    animation: arrowBounce 0.6s ease infinite;
}

/* Champs requis */
body.view-registers .cbRegistration .cbFieldRequired,
body.view-registration .cb_template .cbFieldRequired {
    color: #FF294A !important;
    font-weight: bold;
}

/* FOOTER BOARDING PASS - Registration uniquement */
body.view-registers .cbRegistration::after,
body.view-registration .cb_template::after {
    content: '••• BOARDING PASS •••';
    display: block;
    text-align: center;
    color: #999999;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 20px;
    border-top: 2px dashed #e0e0e0;
    text-transform: uppercase;
    background: #f8f9fa;
}

/* Responsive */
@media (max-width: 767px) {
    body.view-registers .cbRegistration::before,
    body.view-registration .cb_template::before {
        font-size: 16px;
        padding: 15px;
    }
    
    body.view-registers .cbRegistration form,
    body.view-registration .cb_template form {
        padding: 20px;
    }
    
    body.view-registers .cbRegistration input[type="submit"],
    body.view-registers .cbRegistration button[type="submit"],
    body.view-registration .cb_template input[type="submit"],
    body.view-registration .cb_template button[type="submit"] {
        font-size: 16px !important;
        padding: 14px 45px 14px 20px !important;
    }
}

/* Masquer le lien "Powered by Community Builder" */
.cbPoweredBy,
a[href*="joomlapolis.com/community-builder"] {
    display: none !important;
}
/* ========================================
   CB REGISTRATION CONFIRMATION - BOARDING PASS
   Date: 20/01/2026
   ======================================== */

/* Page de confirmation d'inscription */
body.view-saveregisters .cb_template,
body.view-confirm .cb_template {
    max-width: 600px;
    margin: 50px auto;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    font-family: 'ABeeZee', sans-serif;
}

/* HEADER BOARDING PASS - ROUGE comme les autres */
body.view-saveregisters .cb_template::before,
body.view-confirm .cb_template::before {
    content: '✈️ WELCOME TO PICKEENOO!';
    display: block;
    background: linear-gradient(135deg, #BB0031 0%, #FF294A 100%);
    color: #ffffff;
    text-align: center;
    padding: 25px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 3px dashed rgba(255, 255, 255, 0.3);
}

/* Contenu du message */
body.view-saveregisters .cb_template > *,
body.view-confirm .cb_template > * {
    padding: 0 30px;
}

/* Première div après before (contenu principal) */
body.view-saveregisters .cb_template > div:first-of-type,
body.view-confirm .cb_template > div:first-of-type {
    padding-top: 40px;
}

/* Titre "Sign Up Complete!" avec icône check */
body.view-saveregisters .cb_template h1,
body.view-saveregisters .cb_template h2,
body.view-confirm .cb_template h1,
body.view-confirm .cb_template h2 {
    color: #28a745 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
}

/* Icône check verte */
body.view-saveregisters .cb_template h1::before,
body.view-saveregisters .cb_template h2::before,
body.view-confirm .cb_template h1::before,
body.view-confirm .cb_template h2::before {
    content: '✓';
    display: block;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: #ffffff;
    font-size: 50px;
    line-height: 80px;
    border-radius: 50%;
    margin: 0 auto 20px auto;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
    animation: checkPulse 1.5s ease infinite;
}

@keyframes checkPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* Texte du message */
body.view-saveregisters .cb_template p,
body.view-confirm .cb_template p {
    color: #555555 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    text-align: center;
    margin-bottom: 15px !important;
}

/* Email address en surbrillance */
body.view-saveregisters .cb_template strong,
body.view-confirm .cb_template strong {
    color: #FF294A !important;
    font-weight: 700 !important;
}

/* Box d'instructions */
body.view-saveregisters .cb_template > div,
body.view-confirm .cb_template > div {
    background: #fff9e6;
    padding: 20px;
    border-radius: 10px;
    border-left: 5px solid #ffc107;
    margin: 20px 30px;
}

/* BOUTON "CHECK YOUR EMAIL" - Après le dernier paragraphe */
body.view-saveregisters .cb_template p:last-of-type::after,
body.view-confirm .cb_template p:last-of-type::after {
    content: '📧 CHECK YOUR EMAIL NOW AND CLICK ON THE LINK TO CONFIRM';
    display: block;
    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
    color: #ffffff;
    padding: 18px 30px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.4);
    margin: 30px auto;
    width: fit-content;
    cursor: default;
    transition: all 0.3s ease;
    animation: buttonPulse 2s ease infinite;
    text-align: center;
    line-height: 1.5;
}


@keyframes buttonPulse {
    0%, 100% {
        box-shadow: 0 6px 20px rgba(255, 193, 7, 0.4);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 8px 30px rgba(255, 193, 7, 0.6);
        transform: scale(1.02);
    }
}

/* Lien action existant (si présent) - Ne pas toucher */
body.view-saveregisters .cb_template a.button,
body.view-saveregisters .cb_template button,
body.view-confirm .cb_template a.button,
body.view-confirm .cb_template button {
    display: inline-block !important;
    background: linear-gradient(135deg, #BB0031 0%, #FF294A 100%) !important;
    color: #ffffff !important;
    padding: 14px 40px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(187, 0, 49, 0.35) !important;
    transition: all 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
    margin: 20px 10px !important;
}

body.view-saveregisters .cb_template a.button:hover,
body.view-confirm .cb_template a.button:hover {
    background: linear-gradient(135deg, #FF294A 0%, #BB0031 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(187, 0, 49, 0.45) !important;
}

/* FOOTER BOARDING PASS */
body.view-saveregisters .cb_template::after,
body.view-confirm .cb_template::after {
    content: '••• BOARDING PASS •••';
    display: block;
    text-align: center;
    color: #999999;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 20px;
    border-top: 2px dashed #e0e0e0;
    text-transform: uppercase;
    background: #f8f9fa;
}

/* Responsive */
@media (max-width: 767px) {
    body.view-saveregisters .cb_template::before,
    body.view-confirm .cb_template::before {
        font-size: 18px;
        padding: 20px;
    }
    
    body.view-saveregisters .cb_template h1,
    body.view-confirm .cb_template h1 {
        font-size: 24px !important;
    }
    
    body.view-saveregisters .cb_template p,
    body.view-confirm .cb_template p {
        font-size: 14px !important;
    }
    
    body.view-saveregisters .cb_template p:last-of-type::after,
    body.view-confirm .cb_template p:last-of-type::after {
        font-size: 14px;
        padding: 16px 20px;
    }
}