/* Yuvau Digital 1.0 — page fixes. Loaded last (see inc/enqueue.php). No .min sibling on purpose. */

/* Course: "Get Brochure on Whatsapp" CTAs rendered as empty white boxes.
 * Give the button a solid, variable-free background and visible text so no earlier rule can blank it. */
main.yc-course-live .yc-button.yc-button--orange{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 24px;border-radius:14px;border:1px solid transparent;
  background-color:#ff7a1a !important;
  background-image:linear-gradient(135deg,#ff7a1a,#ff902a) !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  font-size:13px;font-weight:800;line-height:1.2;text-decoration:none;
  opacity:1 !important;visibility:visible !important;
  box-shadow:0 12px 30px rgba(255,122,26,.28);
}
main.yc-course-live .yc-button.yc-button--orange span{color:#fff !important;-webkit-text-fill-color:#fff !important;font-size:15px}
main.yc-course-live .yc-button.yc-button--orange:hover,
main.yc-course-live .yc-button.yc-button--orange:focus-visible{background-image:linear-gradient(135deg,#ff6a00,#ff8a1f) !important;transform:translateY(-2px)}

/* Contact: consent checkbox was oversized and sat apart from its label. */
.yc-form .yc-consent{display:flex !important;flex-direction:row !important;align-items:flex-start;gap:10px;margin:16px 0 0;color:#5b6679;font-size:12px;line-height:1.5;cursor:pointer}
.yc-form .yc-consent input[type="checkbox"]{
  -webkit-appearance:checkbox;appearance:auto;
  flex:0 0 18px;width:18px !important;height:18px !important;min-width:18px;min-height:0 !important;max-width:18px;
  margin:1px 0 0 !important;padding:0 !important;border-radius:4px;accent-color:#2563eb;cursor:pointer;
}
.yc-form .yc-consent span{display:block !important;flex:1 1 auto;margin:0 !important;font-size:12px;font-weight:600;line-height:1.5;color:#5b6679}

/* Header: one compact pill on EVERY page (home included), desktop.
 * The home template prints an unscoped inline `.yu-container{width:min(100% - 48px,var(--yu-content-max));margin-inline:auto}`
 * after all stylesheets. The header's inner wrapper is also a .yu-container, so that rule beat the
 * compact pill's `width:auto` and spread logo / menu / icons across a wide bar on the home page only.
 * These selectors are more specific than any .yu-container / .yu-header-inner rule, so order no longer matters. */
@media (min-width: 1025px) {
  body .yu-site-header {
    position: fixed;
    top: 12px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    /* max-content, not fit-content: with left:50% the available width is only half the viewport, and
       home-page CSS gives header children min-width:0, so fit-content shrank the pill below its content
       and pushed the YouTube icon out of it. */
    width: max-content;
    min-width: 0;
    max-width: calc(100% - 32px);
    border-radius: 999px;
  }
  body .yu-site-header.is-scrolled { top: 8px; }
  body .yu-site-header .yu-header-inner {
    width: auto;
    max-width: none;
    margin: 0;
    min-height: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    padding: 5px 12px 5px 18px;
  }
  body .yu-site-header .yu-nav { flex: 0 0 auto; width: auto; min-width: max-content; margin: 0; justify-content: flex-start; }
  body .yu-site-header .yu-brand,
  body .yu-site-header .yu-social-nav { flex-shrink: 0; min-width: max-content; }
  body .yu-site-header .yu-primary-menu { gap: 0; justify-content: flex-start; flex-wrap: nowrap; }
  body .yu-site-header .yu-social-nav { flex: 0 0 auto; margin: 0 0 0 4px; padding-left: 12px; gap: 5px; }
}
@media (min-width: 1025px) and (max-width: 1180px) {
  body .yu-site-header .yu-header-inner { gap: 8px; padding-inline: 12px 8px; }
  body .yu-site-header .yu-social-nav { padding-left: 8px; }
}

/* Narrow desktops (1025–1280): keep the pill inside the viewport by tightening, never by overflowing. */
@media (min-width: 1025px) and (max-width: 1280px) {
  body .yu-site-header .yu-primary-menu a { padding-inline: 9px; font-size: 13px; }
  body .yu-site-header .yu-brand-logo { max-width: 108px; }
}