/**
 * Patch CSS - Corrections de mise en page
 * @package Oceanly_News
 */

/* ========================================
   Masquer la barre admin WordPress
   ======================================== */
#wpadminbar {
  direction: ltr;
  color: #c3c4c7;
  font-size: 13px;
  font-weight: 400;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
    Cantarell, "Helvetica Neue", sans-serif;
  line-height: 2.46153846;
  height: 32px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 600px;
  z-index: 99999;
  background: #1d2327;
  outline: 1px solid transparent;
  display: none;
}

html.admin-bar,
body.admin-bar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.marge-haut {
  margin-top: 3em !important;
}

p.copyright-text {
  color: grey !important;
}

@media screen and (min-width: 1024px) {
  .footer-bottom-area-wrap {
    justify-content: space-between;
    display: block;
    align-items: center;
    text-align: center;
    padding: 2em 0;
  }
}

/* ========================================
   Section Sources - Liens ressources
   ======================================== */

/* Container sources : retirer les puces de liste */
.entry-content .sources-box ul,
.entry-content ul[style*="padding-left: 0"] {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

/* Liens sources : disposition flex horizontale */
.entry-content .sources-box ul li a,
.entry-content ul[style*="padding-left: 0"] li a[style*="border-radius"] {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* ========================================
   Modal Auth - Corrections UI
   ======================================== */

/* Container modal */
.lms-auth-modal-container {
  position: relative !important;
  width: 100% !important;
  margin: 20px !important;
  background: #fffffffa !important;
  opacity: 0.85 !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
  padding: 35px 40px 30px 40px !important;
  z-index: 1 !important;
  transition: transform 0.3s ease !important;
}

/* Bouton submit */
.lms-auth-submit {
  padding: 14px 28px !important;
  background: #3b82f6 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

/* Inputs fond gris foncé */
.lms-auth-field {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  background: #242323 !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  height: 50px !important;
}

/* Inputs style général - retirer border */
.lms-auth-field input[type="text"],
.lms-auth-field input[type="password"],
.lms-auth-field input[type="email"] {
  border: none !important;
  color: #ffffff !important;
}

/* Padding gauche pour les inputs */
input#lms-login-user,
input#lms-login-pass {
  padding-left: 50px !important;
}

/* Toggle password */
.lms-toggle-password {
  position: absolute !important;
  right: 12px !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: opacity 0.2s ease !important;
}

/* Checkbox et mémoriser taille +10% */
.lms-auth-remember {
  font-size: 15px !important;
  gap: 10px !important;
}

.lms-auth-remember input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
}

/* Logo taille +10% */
.lms-auth-logo {
  margin-top: 20px !important;
}

.lms-auth-logo img {
  height: 33px !important;
}

/* Switch formulaire */
.lms-auth-switch {
  margin-top: 20px !important;
  padding-top: 15px !important;
  border-top: none !important;
  font-size: 14px !important;
}

/* ========================================
   Page CGU - Style accordéons
   ======================================== */

/* Masquer les vignettes/articles et le lien Modifier sur la page CGU */
body.page-slug-cgu .featured-posts-wrap,
body.page-slug-cgu .featured-posts-wrap.c-wrap,
body.page-slug-cgu .featured-posts-area,
body.page-slug-cgu .posts-grid,
body.page-slug-cgu .home-posts,
body.page-slug-cgu .oceanly-posts-wrapper,
body.page-slug-cgu section.featured-posts,
body.page-slug-cgu .widget-area,
body.page-slug-cgu aside,
body.page-slug-cgu .post-edit-link,
body.page-slug-cgu a[href*="action=edit"] {
  display: none !important;
}

/* Style accordéon */
body.page-slug-cgu .wp-block-details,
body.page .wp-block-details {
  margin-bottom: 10px !important;
  border: none !important;
  border-radius: 5px !important;
  overflow: hidden !important;
}

body.page-slug-cgu .wp-block-details summary,
body.page .wp-block-details summary {
  background: #3a3a3a !important;
  color: #ffffff !important;
  padding: 15px 20px !important;
  cursor: pointer !important;
  font-weight: 500 !important;
  list-style: none !important;
}

body.page-slug-cgu .wp-block-details summary::-webkit-details-marker,
body.page .wp-block-details summary::-webkit-details-marker {
  display: none !important;
}

body.page-slug-cgu .wp-block-details > *:not(summary),
body.page .wp-block-details > *:not(summary) {
  padding: 15px 20px !important;
  background: #f9f9f9 !important;
}
/* --------------------------- Responsive mode --------------------------- */

/* --------------------- Articles / Featured Post -------------------------*/

@media (max-width: 480px) {
  .ol-card > .ol-card-body
  Specificity: (0,2,0) {
    flex: 1 1 73%;
    /* align-self: center; */
  }
  .ol-card-date,
  .ol-card-label,
  .ol-card-title {
    /* padding: 0.27em 0; */
  }
  .ol-card-label,
  .ol-card-title {
    font-weight: 600;
    font-size: 0.9em;
  }
}