/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three draft with Frens Academy LMS styling.
Requires at least: 6.1
Tested up to: 7.1
Requires PHP: 5.6
Version: 1.7
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
*/

/* Frens palette */
body.tutor-frontend {
  --frens-ink: #132534;
  --frens-clay: #d18748;
  --frens-sage: #98b6af;
  --frens-blue: #4a7388;
  --frens-cream: #fff1e1;
  color: var(--frens-ink);
  background: #fbf8f3;
  font-family: "Poppins", "Avenir Next", Avenir, system-ui, sans-serif;
}
body.tutor-frontend .wp-site-blocks { background: #fbf8f3; }
body.tutor-lms header.wp-block-template-part {
  background: #fff1e1;
  color: #132534;
  padding: 18px 24px;
}
body.tutor-lms header.wp-block-template-part a,
body.tutor-lms header.wp-block-template-part .wp-block-navigation-item__label {
  color: #132534;
  font-weight: 600;
}
body.tutor-lms .frens-header-logo img {
  display: block;
  width: 200px;
  height: auto;
}
body.tutor-frontend .tutor-wrap-parent {
  box-sizing: border-box;
  max-width: 1240px;
  padding: 44px 28px 72px;
  color: #132534;
}
body.tutor-frontend .tutor-course-filter select,
body.tutor-frontend .tutor-form-control,
body.tutor-frontend .tutor-form-select {
  min-height: 46px;
  padding: 10px 14px;
  border: 1px solid #98b6af;
  border-radius: 12px;
  background: #fff;
  color: #132534;
}
body.tutor-frontend .tutor-course-card {
  overflow: hidden;
  border: 1px solid rgba(74, 115, 136, .18);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(19, 37, 52, .07);
  transition: transform 180ms ease, box-shadow 180ms ease;
}
body.tutor-frontend .tutor-course-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(19, 37, 52, .12);
}
body.tutor-frontend .tutor-course-thumbnail { background: #98b6af; }
body.tutor-frontend .tutor-course-name,
body.tutor-frontend .tutor-course-name a,
body.tutor-frontend .tutor-card-body,
body.tutor-frontend .tutor-course-details,
body.tutor-frontend .tutor-dashboard { color: #132534; }
body.tutor-frontend .tutor-course-name a {
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}
body.tutor-frontend .tutor-meta,
body.tutor-frontend .tutor-meta a { color: #4a7388; }
body.tutor-frontend .tutor-btn,
body.tutor-frontend .tutor-btn-primary {
  padding: 12px 20px;
  border: 1px solid #d18748;
  border-radius: 999px;
  background: #d18748;
  color: #132534;
  font-weight: 700;
  transition: background-color 160ms ease, transform 160ms ease;
}
body.tutor-frontend .tutor-btn:hover,
body.tutor-frontend .tutor-btn-primary:hover {
  border-color: #b96e32;
  background: #b96e32;
  color: #fff;
  transform: translateY(-1px);
}
body.tutor-frontend .tutor-btn-outline-primary {
  border-color: #4a7388;
  background: transparent;
  color: #4a7388;
}
body.tutor-frontend .tutor-btn-outline-primary:hover {
  border-color: #132534;
  background: #132534;
  color: #fff1e1;
}
body.tutor-frontend .tutor-ratings-stars,
body.tutor-frontend .tutor-ratings-average { color: #d18748; }
body.tutor-frontend .tutor-pagination a,
body.tutor-frontend .tutor-pagination button,
body.tutor-frontend .tutor-tabs a { border-radius: 10px; }

/* El acceso a Cursos aparece sólo cuando WordPress reconoce una sesión. */
body:not(.logged-in) .wp-block-navigation__container > .wp-block-navigation-item:has(> a[href="https://frens.cl/courses/"]) {
  display: none !important;
}

@media (max-width: 700px) {
  body.tutor-lms header.wp-block-template-part { padding: 14px 18px; }
  body.tutor-lms .frens-header-logo img { width: 160px; height: auto; }
  body.tutor-frontend .tutor-wrap-parent { padding: 28px 18px 48px; }
}
@media (prefers-reduced-motion: reduce) {
  body.tutor-frontend .tutor-course-card,
  body.tutor-frontend .tutor-btn { transition: none; }
}

/* Keep the login-page header flush with the top of the page. */
body.um-page .wp-site-blocks {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.um-page .wp-site-blocks > header.wp-block-template-part {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}