/*
Theme Name: DogNutrition Child
Theme URI: https://dognutrition.com.au
Description: Kadence child theme for dognutrition.com.au — clean, light, professional. White / blue / grey palette for a trustworthy course and education site.
Author: dognutrition.com.au
Author URI: https://dognutrition.com.au
Template: kadence
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dognutrition-child
*/

/* ============================================================
   DOGNUTRITION CHILD THEME — custom styles
   Palette:
     --dn-ink     #1A2233  (near-black navy, body text)
     --dn-primary #1E6FB8  (primary blue)
     --dn-deep    #0F4C81  (deep blue, headings/hover)
     --dn-sky     #3E8ED0  (lighter accent blue)
     --dn-grey    #5B6675  (muted grey text)
     --dn-mist    #EEF3F8  (very light grey section bg)
     --dn-border  #D6DEE7  (borders/dividers)
     --dn-white   #FFFFFF
   ============================================================ */

:root {
  --dn-ink: #1A2233;
  --dn-primary: #1E6FB8;
  --dn-deep: #0F4C81;
  --dn-sky: #3E8ED0;
  --dn-grey: #5B6675;
  --dn-mist: #EEF3F8;
  --dn-border: #D6DEE7;
  --dn-white: #FFFFFF;
}

/* ---------- Base typography ---------- */
body {
  color: var(--dn-ink);
  background-color: var(--dn-white);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--dn-deep);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

a {
  color: var(--dn-primary);
  transition: color 0.15s ease;
}
a:hover {
  color: var(--dn-deep);
}

/* ---------- Buttons ---------- */
.wp-block-button__link,
.button,
button:not(.menu-toggle):not(.search-toggle-open):not(.search-toggle-close),
input[type="submit"] {
  background-color: var(--dn-primary);
  color: var(--dn-white);
  border-radius: 6px;
  font-weight: 600;
  border: none;
  transition: background-color 0.15s ease, transform 0.05s ease;
}
.wp-block-button__link:hover,
.button:hover,
button:not(.menu-toggle):not(.search-toggle-open):not(.search-toggle-close):hover,
input[type="submit"]:hover {
  background-color: var(--dn-deep);
  color: var(--dn-white);
}
.wp-block-button__link:active,
.button:active {
  transform: translateY(1px);
}

/* Outline button variant */
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent;
  color: var(--dn-primary);
  border: 2px solid var(--dn-primary);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: var(--dn-primary);
  color: var(--dn-white);
}

/* ---------- Header ---------- */
.site-header-row {
  border-bottom: 1px solid var(--dn-border);
}
.site-branding .site-title,
.site-branding a {
  color: var(--dn-deep);
  font-weight: 800;
}

/* Primary nav links */
.header-navigation .menu-container > ul > li > a {
  color: var(--dn-ink);
  font-weight: 600;
}
.header-navigation .menu-container > ul > li > a:hover,
.header-navigation .menu-container > ul > li.current-menu-item > a {
  color: var(--dn-primary);
}

/* ---------- Light section helper (add class "dn-section-light" to a block) ---------- */
.dn-section-light {
  background-color: var(--dn-mist);
}

/* ---------- Course / TutorLMS tidy-ups ---------- */
.tutor-course-card,
.tutor-card {
  border: 1px solid var(--dn-border);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(26, 34, 51, 0.06);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.tutor-course-card:hover,
.tutor-card:hover {
  box-shadow: 0 6px 20px rgba(26, 34, 51, 0.10);
  transform: translateY(-2px);
}

.tutor-btn-primary,
.tutor-btn.tutor-btn-primary {
  background-color: var(--dn-primary) !important;
  border-color: var(--dn-primary) !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
}
.tutor-btn-primary:hover {
  background-color: var(--dn-deep) !important;
  border-color: var(--dn-deep) !important;
}

/* Course title links */
.tutor-course-name a,
.tutor-course-card h3 a {
  color: var(--dn-deep);
}
.tutor-course-name a:hover {
  color: var(--dn-primary);
}

/* Lesson content readability */
.tutor-course-content-wrap,
.tutor-lesson-content {
  line-height: 1.75;
  font-size: 1.05rem;
}

/* Tables inside lessons */
.entry-content table,
.tutor-lesson-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.5em 0;
}
.entry-content table th,
.tutor-lesson-content table th {
  background-color: var(--dn-deep);
  color: var(--dn-white);
  padding: 10px 14px;
  text-align: left;
  font-weight: 600;
}
.entry-content table td,
.tutor-lesson-content table td {
  border: 1px solid var(--dn-border);
  padding: 9px 14px;
}
.entry-content table tr:nth-child(even) td,
.tutor-lesson-content table tr:nth-child(even) td {
  background-color: var(--dn-mist);
}

/* ---------- Footer ---------- */
.site-footer {
  background-color: var(--dn-ink);
  color: #C7D0DC;
}
.site-footer a {
  color: #9FC2E2;
}
.site-footer a:hover {
  color: var(--dn-white);
}

/* ---------- Misc polish ---------- */
.entry-content blockquote {
  border-left: 4px solid var(--dn-primary);
  background-color: var(--dn-mist);
  padding: 1em 1.25em;
  border-radius: 0 6px 6px 0;
}
hr.wp-block-separator {
  border-color: var(--dn-border);
}