/* modifier la regle du fichier main.min.css?ver=2.1.56 de blocksky/static/bundle */ label[for="llms_password"] { margin: 0 0 0 0 ; } /* modifier la regle du fichier main.min.css?ver=2.1.56 de blocksky/static/bundle */ .wp-block-llms-pricing-table .llms-access-plans::before, .wp-block-llms-pricing-table .llms-access-plans::after { display: none !important; content: none !important; } .llms-access-plan-title { background: #0b0e13; } /* ========================================================= LIFTERLMS - CATALOGUE DES COURS Blocksy Child Theme ========================================================= */ /* --------------------------------------------------------- CONTENEUR --------------------------------------------------------- */ .llms-loop { max-width: 1150px; margin: 0 auto; } /* --------------------------------------------------------- GRILLE DES COURS --------------------------------------------------------- */ .llms-loop-list { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 28px; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* --------------------------------------------------------- CARTE DU COURS --------------------------------------------------------- */ .llms-loop-item { margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 14px !important; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* Effet au survol */ .llms-loop-item:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10); } /* --------------------------------------------------------- CONTENU --------------------------------------------------------- */ .llms-loop-item-content { padding: 0 !important; } /* --------------------------------------------------------- LIEN --------------------------------------------------------- */ .llms-loop-link { display: block; color: inherit; text-decoration: none !important; } /* --------------------------------------------------------- IMAGE DU COURS --------------------------------------------------------- */ .llms-loop-link > img { display: block !important; width: 100% !important; height: 170px !important; margin: 0 !important; object-fit: cover; background: #f3f5f7; } /* --------------------------------------------------------- IMAGE PLACEHOLDER --------------------------------------------------------- */ .llms-loop-link > img.llms-placeholder { opacity: 0.35; } /* --------------------------------------------------------- PROGRESSION --------------------------------------------------------- */ .llms-progress { position: relative; margin: -12px 18px 0 !important; padding: 8px 10px !important; background: #ffffff !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); z-index: 5; } /* Barre de progression */ .llms-progress-bar { width: 100% !important; height: 5px !important; margin: 0 !important; background: #e8ebef !important; border-radius: 10px !important; overflow: hidden; } /* Progression réalisée */ .progress-bar-complete { height: 100% !important; background: #42a875 !important; border-radius: 10px; } /* --------------------------------------------------------- PETITE PASTILLE % --------------------------------------------------------- */ .progress__indicator { position: absolute !important; top: -12px !important; right: 6px !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center; justify-content: center; background: #f4f6f8 !important; color: #59636f !important; border: 2px solid #ffffff !important; border-radius: 50% !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; } /* --------------------------------------------------------- TITRE DU COURS --------------------------------------------------------- */ .llms-loop-title { margin: 20px 20px 18px !important; padding: 0 !important; color: #172033 !important; font-size: 20px !important; line-height: 1.3 !important; font-weight: 700 !important; } /* --------------------------------------------------------- FOOTER --------------------------------------------------------- */ .llms-loop-item-footer { display: flex !important; align-items: center; justify-content: flex-end; margin: 0 20px !important; padding: 13px 0 17px !important; border-top: 1px solid #edf0f3 !important; } /* --------------------------------------------------------- AUTEUR --------------------------------------------------------- */ .llms-author { display: none !important; } /* --------------------------------------------------------- NOMBRE DE LEÇONS --------------------------------------------------------- */ .llms-meta.llms-lessons-count { margin: 0 !important; } .llms-meta.llms-lessons-count p { margin: 0 !important; font-size: 0 !important; color: #68717d; } /* Nombre */ .llms-meta.llms-lessons-count .lessons-count { font-size: 13px !important; font-weight: 600 !important; color: #5f6874 !important; } /* Remplace le texte anglais */ .llms-meta.llms-lessons-count .lessons-count::after { content: " leçons"; font-weight: 400; } /* --------------------------------------------------------- TITRE DE LA PAGE --------------------------------------------------------- */ .page-title { max-width: 1150px; margin: 0 auto 35px !important; color: #172033 !important; font-size: 38px !important; line-height: 1.2 !important; font-weight: 800 !important; } /* ========================================================= TABLETTE ========================================================= */ @media (max-width: 900px) { .llms-loop-list { grid-template-columns: repeat(2, 1fr); gap: 22px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .llms-loop-list { grid-template-columns: 1fr; gap: 20px; } .llms-loop-link > img { height: 180px !important; } .page-title { font-size: 32px !important; margin-bottom: 28px !important; } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* ========================================================= LIFTERLMS - TABLEAU DES TARIFS ========================================================= */ /* --------------------------------------------------------- CONTENEUR PRINCIPAL --------------------------------------------------------- */ .wp-block-llms-pricing-table { width: 100%; max-width: 100%; box-sizing: border-box; } /* --------------------------------------------------------- GRILLE DES PLANS --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plans.cols-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: 100% !important; max-width: 100% !important; gap: 24px !important; margin: 30px 0 !important; padding: 0 !important; box-sizing: border-box; } /* --------------------------------------------------------- CARTES --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plans.cols-3 .llms-access-plan { display: flex !important; flex-direction: column !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06); box-sizing: border-box; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } /* --------------------------------------------------------- EFFET AU SURVOL --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan:hover { transform: translateY(-4px); border-color: #d1d5db; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10); } /* --------------------------------------------------------- BANDEAU "FEATURED" --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-featured { display: none !important; } /* --------------------------------------------------------- CONTENU DE LA CARTE --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-content { height: auto !important; min-height: 196px; /* padding: 28px 24px 24px;*/ display: flex; flex-direction: column; box-sizing: border-box; } /* --------------------------------------------------------- TITRE --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-title { margin: 0 0 24px !important; padding: 0 !important; font-size: 20px; line-height: 1.35; font-weight: 700; color: #fff; text-align: center; } /* --------------------------------------------------------- ZONE DU PRIX --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-pricing { margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- PRIX --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-price { margin: 0 !important; padding: 0 !important; } .wp-block-llms-pricing-table .llms-access-plan-price .lifterlms-price { display: inline-flex; align-items: baseline; gap: 4px; font-size: 38px; line-height: 1; font-weight: 800; color: #111827; letter-spacing: -1px; } /* --------------------------------------------------------- SYMBOLE € --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-price-currency-symbol { font-size: 20px; font-weight: 700; letter-spacing: 0; } /* --------------------------------------------------------- DURÉE D'ACCÈS --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-expiration { margin-top: 12px !important; padding: 0 !important; font-size: 15px; line-height: 1.5; color: #6b7280; } /* --------------------------------------------------------- MASQUER LES RESTRICTIONS "PRIX DE L'ADHÉSION" + LIEN VERS LE PLAN --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-restrictions { display: none !important; } /* --------------------------------------------------------- MASQUER LA DESCRIPTION "Gratuit si vous avez souscrit..." --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-description { /*display: none !important;*/ } /* --------------------------------------------------------- MASQUER "GRATUIT" DU 3e PLAN --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-549 .llms-access-plan-price { display: none !important; } /* --------------------------------------------------------- PIED DE CARTE --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-footer { margin-top: auto !important; padding: 0 24px 24px !important; box-sizing: border-box; } /* --------------------------------------------------------- BOUTONS --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-footer .llms-button-action { display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 48px; padding: 12px 20px !important; border: none !important; border-radius: 8px !important; background: #2563eb !important; color: #ffffff !important; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none !important; box-sizing: border-box; transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } /* --------------------------------------------------------- BOUTON AU SURVOL --------------------------------------------------------- */ .wp-block-llms-pricing-table .llms-access-plan-footer .llms-button-action:hover { background: #1d4ed8 !important; color: #ffffff !important; transform: translateY(-1px); box-shadow: 0 5px 12px rgba(37, 99, 235, 0.25); } /* ========================================================= TABLETTE ========================================================= */ @media (max-width: 900px) { .wp-block-llms-pricing-table .llms-access-plans.cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .wp-block-llms-pricing-table .llms-access-plans.cols-3 { grid-template-columns: 1fr !important; gap: 16px !important; } .wp-block-llms-pricing-table .llms-access-plan-content { min-height: auto; padding: 24px 20px 20px; } .wp-block-llms-pricing-table .llms-access-plan-title { font-size: 19px; margin-bottom: 20px !important; } .wp-block-llms-pricing-table .llms-access-plan-price .lifterlms-price { font-size: 34px; } .wp-block-llms-pricing-table .llms-access-plan-footer { padding: 0 20px 20px !important; } }