/* ========================================= SYSTEME TYPO ========================================= */ :root { /* --- DESKTOP */ --fs-body: 18px; --lh-body: 1.6; } @media (max-width: 1400px) { .category-aces-on-bridge .entry-content .stk-e09935c-column:first-child { display: flex; flex-direction: column-reverse; } } @media (max-width: 1024px) { :root { --fs-h1: 36px; --fs-h2: 28px; --fs-h3: 22px; --fs-h4: 19px; --fs-h5: 17px; --fs-h6: 15px; --fs-body: 17px; } .bb-display-posts-wrapper.format-default.wrapper-grid .card-excerpt, .bb-display-posts-wrapper.format-default.wrapper-grid .card-excerpt p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 840px) { /* 1. ÉTAT PAR DÉFAUT : Le menu est VISIBLE, on monte le bouton Cookie */ .cky-btn-revisit-wrapper.cky-revisit-bottom-left { /* 80px (hauteur de ta tab bar) + 10px d'espacement */ bottom: 90px !important; /* Même timing de transition que ton buddypanel */ transition: bottom 0.3s ease-in-out !important; /* Juste en dessous du menu (qui est à 9999) pour éviter les chevauchements bizarres */ z-index: 9998 !important; } /* 2. ÉTAT CACHÉ : Le menu est caché (scroll vers le bas), on descend le bouton Cookie */ .cky-btn-revisit-wrapper.cky-revisit-bottom-left.menu-is-hidden { bottom: 15px !important; /* Sa position basse normale */ } } @media (max-width: 768px) { :root { --fs-h1: 30px; --fs-h2: 26px; --fs-h3: 22px; --fs-h4: 19px; --fs-h5: 17px; --fs-h6: 16px; --fs-body: 16px; } .bb-mobile-header, .site-header .site-header-container { height: 76px !important; } .bdm-author-search { width: 100% !important; } .bdm-problems-toolbar { flex-wrap: wrap; justify-content: center !important; } .bridge-problem-overview .bdm-view-switch { display: none !important; } .bdm-problem-meta { flex-wrap: wrap; } .card-fullwidth { padding-bottom: 32px; } .card-fullwidth:last-of-type { border-bottom: none; } .bb-card .card-excerpt { font-weight: 400; } .bridge-topics-wrapper { min-width: 0px !important; } .bridge-topics-list { gap: 0.75rem 0.5rem; } .bvl-grid { grid-template-columns: auto; } body .cta-more{ padding: 4px !important; border-radius: 100%; width: 30px !important; height: 30px !important; border: 1px solid var(--color-blue-primary) !important; } .site-header .search-separator.bb-separator, .cta-more .stk-button .stk-button__inner-text{ display: none; } .header-aside>* { padding: 0 4px !important; } .bb-mobile-header .header-aside { padding-right: 0px !important; } .mobile-logo-wrapper { padding: 0 10px; } buddypanel .site-header { padding: 0 10px; } .bb-mobile-header .signin-button{ background: none !important; border: none !important; padding-left: 10px !important; } .stk-block-carousel__slider .card-columns{ flex-direction: column-reverse; } .stk-block-carousel__slider .card-columns .card-image{ width: 60% !important; } .custom-header-menu { padding: 60px 0 20px 0; } .custom-header-menu-list li a { flex-direction: column; gap: 0; padding: 6px 12px; font-size: 13px !important; line-height: 1; } .forum.bbpress.single .custom-header-menu { padding: 220px 0px 24px 0px !important; } .buddypress.forum-archive .site-content-grid, .buddypress.members .site-content-grid, .buddypress.groups .site-content-grid, .buddypress.activity .site-content-grid { padding: 150px 0 0 !important; } .sticky-header .site-content, body.buddypress.sticky-header .site-content, .bb-buddypanel.sticky-header .site-content, .single-sfwd-quiz.bb-buddypanel.sticky-header .site-content, .single-sfwd-lessons.bb-buddypanel.sticky-header .site-content, .single-sfwd-topic.bb-buddypanel.sticky-header .site-content { padding-top: 76px; } .bb-grid { margin-left: -20px; margin-right: -20px; } .register .bb-buddypanel.site-content{ padding-left: 0 !important; padding-right: 0 !important; } body.buddypress.activate article.bp_activate, body.buddypress.register article.bp_register { width: 100% !important; } body.registration article.bp_register { padding: 20px; } body.registration form#signup-form .input-options{ flex-wrap: wrap; gap: 0; } body.registration form#signup-form .bp-radio-wrap{ margin-right: 16px; } /* On transforme le conteneur en grille de 3 colonnes égales */ body.registration form#signup-form .input-options.datebox-selects { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 8px; /* Petit espace entre les colonnes */ align-items: start; } /* ASTUCE : On utilise [for$="_day"] au lieu de [for="field_33_day"] pour que ça marche même si l'ID du champ change un jour ! */ /* 1. On force tous les labels sur la ligne du haut */ body.registration form#signup-form .input-options.datebox-selects label[for$="_day"] { grid-column: 1; grid-row: 1; margin-bottom: 5px; } body.registration form#signup-form .input-options.datebox-selects label[for$="_month"] { grid-column: 2; grid-row: 1; margin-bottom: 5px; } body.registration form#signup-form .input-options.datebox-selects label[for$="_year"] { grid-column: 3; grid-row: 1; margin-bottom: 5px; } /* 2. On force toutes les listes déroulantes sur la ligne du bas */ body.registration form#signup-form .input-options.datebox-selects select[id$="_day"] { grid-column: 1; grid-row: 2; width: 100% !important; min-width: 0; } body.registration form#signup-form .input-options.datebox-selects select[id$="_month"] { grid-column: 2; grid-row: 2; width: 100% !important; min-width: 0; padding-left: 5px; padding-right: 25px; } body.registration form#signup-form .input-options.datebox-selects select[id$="_year"] { grid-column: 3; grid-row: 2; width: 100% !important; min-width: 0; } /* On centre le texte des labels pour que ce soit joli */ body.registration form#signup-form .input-options.datebox-selects .xprofile-field-label { text-align: center; font-size: 14px; line-height: 1.2; } }