/* Yoga in Daily Life Ireland — small additions to the shared YIDL national template (assets/yidl/css/style.css) */

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

a:focus-visible { outline: 2px solid #f48021; outline-offset: 2px; }

.headline { margin: 10px 0 5px; }
.lead-line { text-align: center; font-style: italic; color: #3f3f3e; margin-bottom: 30px; }

.class-table table { width: 100%; }
.class-table th:first-child, .class-table td:first-child { width: 35%; padding-left: 45px; }
.class-table th + th, .class-table td + td { width: 65%; text-align: left; }
.class-table td { font-size: 16px; }
@media (max-width: 599px) { .class-table th:first-child, .class-table td:first-child { padding-left: 10px; } .class-table th:first-child { padding-left: 40px; } }

address { font-style: normal; }

/* Tablet: keep the stripe title and the three buttons side by side without overlap */
@media (min-width: 768px) and (max-width: 1023px) {
  #head-stripe .title { width: auto; }
  .stripe-button a { font-size: 17px; padding: 8px 22px; }
}

/* Phones: use the full screen width instead of the template's fixed 280 px column */
@media (max-width: 599px) {
  .wrapper, #top, #bottom-navigation { width: auto; padding-left: 16px; padding-right: 16px; }
  #content img, .intro-image img { width: 100% !important; max-width: 100% !important; height: auto !important; }
  .intro-image { float: none; margin-right: 0; }
  .narrow .intro, .intro { width: auto; float: none; }
  .project { width: calc(50% - 14px); box-sizing: border-box; padding-left: 6px; padding-right: 6px; }
  #main-menu, #menu-footer { right: auto; width: auto; margin-left: -16px; margin-right: -16px; }
  .menu a, .menu li:first-child a { width: auto; }
}