/*
Theme Name: Dhiyara Child
Description: A friendly, accessible visual layer for World of Dhiyara.
Template: Newspaper
Version: 1.8.6
Text Domain: dhiyara-child
*/

:root {
  --dhiyara-ink: #28304d;
  --dhiyara-teal: #5b4fe9;
  --dhiyara-teal-dark: #3f35bd;
  --dhiyara-aqua: #18a999;
  --dhiyara-cream: #fffaf4;
  --dhiyara-peach: #fff0f6;
  --dhiyara-coral: #d93f87;
  --dhiyara-sun: #ffd166;
  --dhiyara-sky: #3a86ff;
  --dhiyara-radius: 18px;
  --dhiyara-shadow: 0 10px 28px rgba(63, 53, 189, .11);
}

/* Clear reading rhythm and a calmer content canvas. */
body, .td-main-content-wrap { background: var(--dhiyara-cream); color: var(--dhiyara-ink); }
.td-main-content-wrap { padding-top: 36px; }
.td-container { max-width: 1180px; }

/* Checkout: make order changes a clear, reassuring option. */
.dhiyara-edit-cart {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 8px 0 18px;
  padding: 12px 14px;
  border: 1px solid rgba(91, 79, 233, .18);
  border-radius: 12px;
  background: #f5f3ff;
}
.dhiyara-edit-cart a { color: var(--dhiyara-teal-dark); font-weight: 800; text-decoration: none; }
.dhiyara-edit-cart a:hover { text-decoration: underline; }
.dhiyara-edit-cart span { color: #687087; font-size: 14px; }
.dhiyara-cart-resource-link { color: var(--dhiyara-ink); font-weight: 700; text-decoration: none; }
.dhiyara-cart-resource-link:hover { color: var(--dhiyara-teal-dark); text-decoration: underline; }
@media (max-width: 480px) {
  .dhiyara-edit-cart { align-items: flex-start; flex-direction: column; gap: 3px; }
}

/* Header: retain the existing menu but make it easier to scan and tap. */
.td-header-wrap .td-header-menu-wrap-full { border-bottom: 1px solid rgba(38,55,71,.08); }
.td-header-wrap .sf-menu > li > a { font-weight: 700; letter-spacing: .01em; padding: 20px 14px; }
.td-header-wrap .sf-menu > li > a { white-space: nowrap; }
.td-header-wrap .sf-menu > li > a:hover,
.td-header-wrap .sf-menu > .current-menu-item > a { color: var(--dhiyara-teal); }
.td-header-wrap .sf-menu > .dhiyara-menu-highlight > a { color: var(--dhiyara-teal-dark); font-weight: 800; }
.td-header-wrap .td-login-modal-js { display: none; }

/* Compact desktop header and a horizontal treatment of the existing brand. */
@media (min-width: 768px) {
  .td-header-wrap .td-header-top-menu-full { display: none !important; }
  .td-header-wrap,
  .td-header-wrap .td-header-menu-wrap-full,
  .td-header-wrap .td-header-menu-wrap,
  .td-header-wrap .td-header-main-menu { height: 82px !important; min-height: 82px !important; }
  .td-header-wrap .td-header-menu-wrap-full { background: rgba(255,255,255,.97); box-shadow: 0 5px 18px rgba(40,48,77,.07); }
  .td-header-wrap .td-header-menu-wrap::before { display: none; }
  .td-header-wrap .td-header-main-menu { padding-left: 238px; }
  .td-header-wrap .sf-menu > li,
  .td-header-wrap .sf-menu > li > a { height: 82px !important; }
  .td-header-wrap .sf-menu > li > a { line-height: 82px !important; padding: 0 13px !important; }
  .td-header-wrap .header-search-wrap { height: 82px !important; top: 0; }
  .td-header-wrap .header-search-wrap .td-icon-search { line-height: 82px !important; }

  .td-header-wrap .td-header-sp-logo { height: 82px; top: 0; width: 224px; }
  .td-header-wrap .td-header-sp-logo .td-logo,
  .td-header-wrap .td-header-sp-logo .td-main-logo { display: block; height: 82px; margin: 0; position: relative; width: 224px; }
  .td-header-wrap .td-header-sp-logo img { clip-path: inset(0 0 39% 0); height: 72px !important; left: 0; margin: 0 !important; object-fit: contain; position: absolute; top: 5px; width: 72px !important; }
  .td-header-wrap .td-header-sp-logo .td-main-logo::after { color: #edae00; content: "Dhiyara"; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 28px; font-weight: 900; left: 64px; letter-spacing: -.04em; line-height: 1; position: absolute; top: 19px; }
  .td-header-wrap .td-header-sp-logo .td-main-logo::before { color: var(--dhiyara-coral); content: "LEARN • PLAY • GROW"; font-family: Arial, sans-serif; font-size: 9px; font-weight: 800; left: 66px; letter-spacing: .13em; position: absolute; top: 51px; white-space: nowrap; }
}

/* Cards used by Newspaper's homepage modules and archive listings. */
.td_module_wrap {
  background: #fff;
  border: 1px solid rgba(38,55,71,.08);
  border-radius: var(--dhiyara-radius);
  box-shadow: var(--dhiyara-shadow);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.td_module_wrap:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(38,55,71,.15); }
.td_module_wrap .entry-title { line-height: 1.24; margin: 14px 18px 8px; }
.td_module_wrap .td-excerpt { margin: 0 18px 18px; color: #5d6974; }
.td_module_wrap .td-module-meta-info { margin: 0 18px 18px; }
.td_module_wrap .td-image-wrap { background: var(--dhiyara-peach); }

/* Content: comfortable reading and stronger purchase links. */
.td-post-content, .td-page-content { font-size: 17px; line-height: 1.75; }
.td-post-content h2, .td-post-content h3, .td-page-content h2, .td-page-content h3 { color: var(--dhiyara-ink); margin-top: 1.7em; }
.td-post-content a, .td-page-content a { color: var(--dhiyara-teal-dark); font-weight: 700; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.td-post-content input[type="submit"], .td-page-content input[type="submit"], .dhiyara-button {
  background: linear-gradient(135deg, var(--dhiyara-teal), var(--dhiyara-coral)) !important; border: 0 !important; border-radius: 999px !important;
  box-shadow: 0 4px 0 var(--dhiyara-teal-dark); color: #fff !important; cursor: pointer;
  display: inline-block; font-weight: 800; padding: 13px 22px; text-decoration: none !important;
}
.td-post-content input[type="submit"]:hover, .td-page-content input[type="submit"]:hover, .dhiyara-button:hover { background: linear-gradient(135deg, var(--dhiyara-teal-dark), #b92f70) !important; transform: translateY(1px); }

/* Reusable homepage sections, supplied in homepage-content/homepage-sections.html. */
.dhiyara-hero { background: linear-gradient(135deg, #dffbf5 0%, #eeeaff 52%, #fff0bd 100%); border: 2px solid rgba(91,79,233,.10); border-radius: 28px; isolation: isolate; margin: 0 0 46px; overflow: hidden; padding: 58px 52px; position: relative; }
.dhiyara-hero::before, .dhiyara-hero::after { border-radius: 50%; content: ""; pointer-events: none; position: absolute; z-index: -1; }
.dhiyara-hero::before { background: rgba(255,107,107,.24); height: 180px; right: -45px; top: -55px; width: 180px; }
.dhiyara-hero::after { background: rgba(58,134,255,.17); bottom: -75px; height: 210px; right: 16%; width: 210px; }
.dhiyara-kicker { color: var(--dhiyara-teal-dark); font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.dhiyara-hero h1 { color: var(--dhiyara-ink); font-size: clamp(32px, 5vw, 52px); line-height: 1.08; margin: 10px 0 16px; max-width: 720px; }
.dhiyara-hero p { font-size: 19px; line-height: 1.55; max-width: 620px; }
.dhiyara-button--light { background: #fff !important; box-shadow: 0 4px 0 #d9d2f5 !important; color: var(--dhiyara-teal-dark) !important; margin-left: 8px; }
.dhiyara-button--light:hover { background: #f8f6ff !important; color: var(--dhiyara-coral) !important; }
.dhiyara-palette-preview { background: #fff; border: 1px solid rgba(40,48,77,.1); border-radius: 24px; box-shadow: var(--dhiyara-shadow); padding: 30px; }
.dhiyara-palette-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dhiyara-palette-card { background: #fffaf4; border: 1px solid rgba(40,48,77,.1); border-radius: 18px; padding: 20px; }
.dhiyara-palette-heading { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; }
.dhiyara-palette-heading h3 { color: var(--dhiyara-ink); font-size: 19px; margin: 0; }
.dhiyara-palette-heading span { background: #e8e5ff; border-radius: 999px; color: #3e35b4; font-size: 10px; font-weight: 900; letter-spacing: .04em; padding: 5px 8px; text-transform: uppercase; }
.dhiyara-palette-card > p { color: #5d6974; font-size: 13px; line-height: 1.5; margin: 8px 0 16px; }
.dhiyara-palette-actions { display: grid; gap: 10px; }
.dhiyara-palette-button { align-items: center; border: 2px solid transparent; border-radius: 999px; display: inline-flex; font-size: 13px; font-weight: 900; justify-content: center; line-height: 1.2; min-height: 44px; padding: 11px 15px; text-align: center; text-decoration: none !important; transition: background .18s ease, box-shadow .18s ease, transform .18s ease; }
.dhiyara-palette-button:hover { transform: translateY(-2px); }
.dhiyara-palette-button:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 5px #28304d; outline: 0; }
.dhiyara-palette--rainbow .dhiyara-palette-button--paid { background: linear-gradient(135deg, #5147d9, #c52e79); color: #fff; }
.dhiyara-palette--rainbow .dhiyara-palette-button--paid:hover { background: linear-gradient(135deg, #3e35b4, #a91f61); color: #fff; }
.dhiyara-palette--rainbow .dhiyara-palette-button--free { background: #087f73; color: #fff; }
.dhiyara-palette--rainbow .dhiyara-palette-button--free:hover { background: #06665d; color: #fff; }
.dhiyara-palette--rainbow .dhiyara-palette-button--browse { background: #ffd166; color: #28304d; }
.dhiyara-palette--rainbow .dhiyara-palette-button--browse:hover { background: #f5ba2a; color: #28304d; }
.dhiyara-palette--calm .dhiyara-palette-button--paid { background: #c2346f; color: #fff; }
.dhiyara-palette--calm .dhiyara-palette-button--paid:hover { background: #9f2457; color: #fff; }
.dhiyara-palette--calm .dhiyara-palette-button--free { background: #087f73; color: #fff; }
.dhiyara-palette--calm .dhiyara-palette-button--free:hover { background: #06665d; color: #fff; }
.dhiyara-palette--calm .dhiyara-palette-button--browse { background: #fff; border-color: #3f35bd; color: #3f35bd; }
.dhiyara-palette--calm .dhiyara-palette-button--browse:hover { background: #f5f3ff; color: #3f35bd; }
.dhiyara-palette--storybook .dhiyara-palette-button--paid { background: #c73a68; color: #fff; }
.dhiyara-palette--storybook .dhiyara-palette-button--paid:hover { background: #a12651; color: #fff; }
.dhiyara-palette--storybook .dhiyara-palette-button--free { background: #246bce; color: #fff; }
.dhiyara-palette--storybook .dhiyara-palette-button--free:hover { background: #1b4f9c; color: #fff; }
.dhiyara-palette--storybook .dhiyara-palette-button--browse { background: #ffcf45; color: #28304d; }
.dhiyara-palette--storybook .dhiyara-palette-button--browse:hover { background: #f2b928; color: #28304d; }
.dhiyara-palette-note { color: #687087; font-size: 12px; margin: 18px 0 0; text-align: center; }
.dhiyara-section { margin: 46px 0; }
.dhiyara-section h2 { font-size: 30px; margin-bottom: 8px; }
.dhiyara-section-intro { color: #5d6974; font-size: 17px; margin-bottom: 22px; }
.dhiyara-age-grid { display: grid; gap: 16px; grid-template-columns: repeat(4, 1fr); }
.dhiyara-age-card { background: #fff; border: 1px solid rgba(38,55,71,.08); border-radius: var(--dhiyara-radius); box-shadow: var(--dhiyara-shadow); color: var(--dhiyara-ink); display: block; padding: 26px 18px 24px; position: relative; text-align: center; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease; }
.dhiyara-age-card::before { background: var(--dhiyara-teal); border-radius: var(--dhiyara-radius) var(--dhiyara-radius) 0 0; content: ""; height: 7px; left: 0; position: absolute; right: 0; top: 0; }
.dhiyara-age-card:nth-child(2)::before { background: var(--dhiyara-aqua); }
.dhiyara-age-card:nth-child(3)::before { background: var(--dhiyara-coral); }
.dhiyara-age-card:nth-child(4)::before { background: var(--dhiyara-sun); }
.dhiyara-age-card:hover { color: var(--dhiyara-teal-dark); transform: translateY(-4px); }
.dhiyara-age-card strong { display: block; font-size: 22px; }
.dhiyara-age-card span { color: #5d6974; font-size: 14px; }
.dhiyara-trust { background: linear-gradient(120deg, #343079, #5146c9 58%, #257dba); border-radius: var(--dhiyara-radius); color: #fff; display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); padding: 30px 28px; text-align: center; }
.dhiyara-trust strong { color: var(--dhiyara-sun); display: block; font-size: 28px; }
.dhiyara-trust span { font-size: 14px; }
.dhiyara-resource-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); }
.dhiyara-resource-card { background: #fff; border: 1px solid rgba(38,55,71,.08); border-radius: var(--dhiyara-radius); box-shadow: var(--dhiyara-shadow); display: flex; flex-direction: column; padding: 24px; }
.dhiyara-resource-card--paid { background: linear-gradient(145deg, #fff, #fff6e8); }
.dhiyara-label { align-self: flex-start; background: #d8f8f0; border-radius: 999px; color: #087768; font-size: 12px; font-weight: 800; letter-spacing: .04em; padding: 5px 10px; text-transform: uppercase; }
.dhiyara-label--paid { background: #fff0b8; color: #765200; }
.dhiyara-resource-card h3 { font-size: 22px; line-height: 1.25; margin: 14px 0 10px; }
.dhiyara-resource-card p { color: #5d6974; flex: 1; line-height: 1.55; margin: 0 0 18px; }
.dhiyara-resource-card a:not(.dhiyara-button) { color: var(--dhiyara-ink); text-decoration: none; }
.dhiyara-resource-card a:not(.dhiyara-button):hover { color: var(--dhiyara-teal-dark); }
.dhiyara-steps { counter-reset: dhiyara-step; display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); }
.dhiyara-step { background: #fff; border-radius: var(--dhiyara-radius); padding: 22px; position: relative; }
.dhiyara-step::before { align-items: center; background: linear-gradient(135deg, var(--dhiyara-teal), var(--dhiyara-coral)); border-radius: 50%; color: #fff; content: counter(dhiyara-step); counter-increment: dhiyara-step; display: flex; font-weight: 800; height: 32px; justify-content: center; margin-bottom: 14px; width: 32px; }
.dhiyara-step h3 { font-size: 19px; margin: 0 0 7px; }
.dhiyara-step p { color: #5d6974; margin: 0; }
.dhiyara-note { background: #fff7d9; border-left: 4px solid var(--dhiyara-sun); border-radius: 0 12px 12px 0; color: #584817; margin-top: 22px; padding: 16px 18px; }
.dhiyara-library-heading { align-items: end; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 22px; }
.dhiyara-library-heading .dhiyara-section-intro { margin-bottom: 0; }
.dhiyara-library-grid { display: grid; gap: 22px; grid-template-columns: repeat(3, 1fr); }
.dhiyara-library-card { background: #fff; border: 1px solid rgba(40,48,77,.18); border-radius: var(--dhiyara-radius); box-shadow: 0 8px 24px rgba(40,48,77,.08); display: flex; flex-direction: column; min-width: 0; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.dhiyara-library-card:hover { border-color: rgba(63,53,189,.35); box-shadow: 0 14px 34px rgba(38,55,71,.15); transform: translateY(-4px); }
.dhiyara-library-card--paid { border-color: rgba(255,209,102,.85); box-shadow: 0 10px 28px rgba(217,63,135,.10); }
.dhiyara-library-image { aspect-ratio: 4 / 3; background: var(--dhiyara-peach); display: block; overflow: hidden; }
.dhiyara-library-image img { height: 100%; object-fit: cover; transition: transform .3s ease; width: 100%; }
.dhiyara-library-card:hover .dhiyara-library-image img { transform: scale(1.03); }
.dhiyara-image-placeholder { align-items: center; color: var(--dhiyara-teal-dark); display: flex; font-size: 20px; font-weight: 800; height: 100%; justify-content: center; }
.dhiyara-library-card-content { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.dhiyara-card-meta { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
.dhiyara-age-meta { color: #6c7680; font-size: 12px; }
.dhiyara-library-card h3 { font-size: 21px; line-height: 1.25; margin: 14px 0 9px; }
.dhiyara-library-card h3 a { color: var(--dhiyara-ink); text-decoration: none; }
.dhiyara-library-card p { color: #5d6974; flex: 1; line-height: 1.55; margin: 0 0 15px; }
.dhiyara-text-link { color: var(--dhiyara-teal-dark); font-weight: 800; text-decoration: none; }
.dhiyara-text-link:hover { color: var(--dhiyara-coral); }

/* Resource detail pages: product/guide hierarchy instead of news-blog chrome. */
.single-post .td-post-author-name,
.single-post .td-post-date,
.single-post .td-post-comments,
.single-post .td-post-sharing-top,
.single-post .td-post-views { display: none !important; }
.single-post .td-main-content-wrap { padding-top: 50px; }
.single-post .td-post-header { margin-bottom: 28px; }
.single-post .td-post-header .entry-title { color: var(--dhiyara-ink); font-size: clamp(34px, 5vw, 54px); line-height: 1.08; max-width: 880px; }
.single-post .td-post-featured-image img { border-radius: 24px; box-shadow: var(--dhiyara-shadow); }
.single-post .td-post-content { color: var(--dhiyara-ink); font-size: 18px; line-height: 1.75; }
.dhiyara-resource-summary { background: linear-gradient(135deg, #dffbf5, #eeeaff 55%, #fff4cf); border: 1px solid rgba(91,79,233,.10); border-radius: 22px; margin: 8px 0 36px; padding: 32px; }
.dhiyara-resource-summary h2 { font-size: 28px; margin: 17px 0 10px; }
.dhiyara-resource-summary p { color: #52616d; font-size: 17px; max-width: 720px; }
.dhiyara-summary-ages { color: #52616d; display: inline-block; font-size: 13px; font-weight: 700; margin-left: 10px; }
.dhiyara-resource-content > p:first-child { font-size: 20px; line-height: 1.65; }
.single-post .td-post-content figure img { border-radius: 16px; }
.single-post .td-post-content ul,
.single-post .td-post-content ol { background: #fff; border-radius: 16px; padding: 20px 24px 20px 44px; }
.single-post .td-post-content hr { border: 0; border-top: 1px solid rgba(38,55,71,.12); margin: 36px 0; }

/* Category pages: browseable learning collections, not news archives. */
.dhiyara-category-page { background: var(--dhiyara-cream); }
.dhiyara-category-hero { background: linear-gradient(135deg, #dffbf5, #eeeaff 55%, #fff4cf); border-bottom: 1px solid rgba(91,79,233,.10); padding: 56px 0 48px; }
.dhiyara-back-link { color: #647083; display: inline-block; font-size: 14px; font-weight: 700; margin-bottom: 28px; text-decoration: none; }
.dhiyara-back-link:hover { color: var(--dhiyara-coral); }
.dhiyara-category-hero h1 { color: var(--dhiyara-ink); font-size: clamp(36px, 5vw, 54px); line-height: 1.08; margin: 10px 0 14px; text-transform: none; }
.dhiyara-category-intro { color: #52616d; font-size: 18px; line-height: 1.6; max-width: 720px; }
.dhiyara-category-intro p { margin: 0; }
.dhiyara-filter-chips { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.dhiyara-filter-chips a { background: #fff; border: 1px solid rgba(63,53,189,.14); border-radius: 999px; color: var(--dhiyara-ink); font-size: 13px; font-weight: 800; padding: 9px 14px; text-decoration: none; }
.dhiyara-filter-chips a:hover, .dhiyara-filter-chips a.is-active { background: var(--dhiyara-teal); border-color: var(--dhiyara-teal); color: #fff; }
.dhiyara-category-results { padding-bottom: 64px; padding-top: 44px; }
.dhiyara-results-heading { align-items: end; display: flex; gap: 28px; justify-content: space-between; margin-bottom: 26px; }
.dhiyara-results-heading h2 { color: var(--dhiyara-ink); font-size: 30px; margin: 7px 0 0; }
.dhiyara-results-heading p { color: #647083; margin: 0; }
.dhiyara-category-results .dhiyara-library-card h2 { font-size: 21px; line-height: 1.25; margin: 14px 0 9px; }
.dhiyara-category-results .dhiyara-library-card h2 a { color: var(--dhiyara-ink); text-decoration: none; }
.dhiyara-pagination { margin-top: 44px; }
.dhiyara-pagination .nav-links { display: flex; gap: 8px; justify-content: center; }
.dhiyara-pagination .page-numbers { background: #fff; border-radius: 999px; color: var(--dhiyara-ink); font-weight: 800; min-width: 40px; padding: 10px 14px; text-align: center; text-decoration: none; }
.dhiyara-pagination .page-numbers.current, .dhiyara-pagination a.page-numbers:hover { background: var(--dhiyara-teal); color: #fff; }
.dhiyara-empty-state { background: #fff; border-radius: 20px; padding: 48px; text-align: center; }

/* Single resources: calm product/detail layout. */
.dhiyara-single-page { background: var(--dhiyara-cream); padding-top: 38px; }
.dhiyara-resource-article { float: none; margin-left: auto; margin-right: auto; max-width: 1180px; padding-bottom: 64px; width: calc(100% - 40px); }
.dhiyara-single-hero { align-items: center; display: grid; gap: clamp(32px, 5vw, 64px); grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr); margin-bottom: 48px; }
.dhiyara-single-hero h1 { color: var(--dhiyara-ink); font-size: clamp(36px, 4.15vw, 50px); letter-spacing: -.025em; line-height: 1.08; margin: 16px 0 0; }
.dhiyara-single-lead { color: #5d6974; font-size: 19px; line-height: 1.6; margin-top: 18px; }
.dhiyara-single-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.dhiyara-single-actions > span { color: #647083; font-size: 13px; font-weight: 700; }
.dhiyara-resource-promises { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); list-style: none; margin: 30px 0 0; padding: 0; }
.dhiyara-resource-promises li { border-left: 3px solid var(--dhiyara-aqua); padding-left: 11px; }
.dhiyara-resource-promises li:nth-child(2) { border-color: var(--dhiyara-coral); }
.dhiyara-resource-promises li:nth-child(3) { border-color: var(--dhiyara-sun); }
.dhiyara-resource-promises strong, .dhiyara-resource-promises span { display: block; }
.dhiyara-resource-promises strong { color: var(--dhiyara-ink); font-size: 13px; line-height: 1.25; }
.dhiyara-resource-promises span { color: #6d7782; font-size: 11px; line-height: 1.35; margin-top: 3px; }
.dhiyara-single-cover { background: var(--dhiyara-peach); border-radius: 24px; box-shadow: var(--dhiyara-shadow); margin: 0; overflow: hidden; }
.dhiyara-single-cover img { display: block; height: auto; width: 100%; }
.dhiyara-single-content { background: #fff; border: 1px solid rgba(38,55,71,.07); border-radius: 24px; box-shadow: 0 10px 30px rgba(40,48,77,.07); margin: 0 auto; max-width: 860px; padding: clamp(26px, 5vw, 56px); }
.dhiyara-single-content .dhiyara-resource-summary { margin-top: 0; }
.dhiyara-single-content h2, .dhiyara-single-content h3 { scroll-margin-top: 110px; }
.dhiyara-resource-content [id^="download-link-"] { scroll-margin-top: 110px; }
.dhiyara-single-content iframe { max-width: 100%; }
.dhiyara-related { background: #eeebff; padding: 54px 0 66px; }
.dhiyara-related h2 { color: var(--dhiyara-ink); font-size: 30px; margin: 8px 0 24px; }
.dhiyara-related-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }
.dhiyara-related-grid article { background: #fff; border-radius: 18px; box-shadow: var(--dhiyara-shadow); overflow: hidden; }
.dhiyara-related-grid a { color: var(--dhiyara-ink); text-decoration: none; }
.dhiyara-related-grid img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.dhiyara-related-grid h3 { font-size: 18px; line-height: 1.3; margin: 0; padding: 18px; }

/* Respect keyboard visitors and motion preferences. */
a:focus-visible, input:focus-visible { outline: 3px solid var(--dhiyara-sun); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }
@media (max-width: 767px) {
  .td-header-wrap .td-main-menu-logo { height: 54px; left: 50%; position: absolute !important; top: 0; transform: translateX(-50%); width: 150px; }
  .td-header-wrap .td-main-menu-logo .td-main-logo { display: block; height: 54px; position: relative; width: 150px; }
  .td-header-wrap .td-main-menu-logo img { clip-path: inset(0 0 38% 0); height: 48px !important; left: 0 !important; margin: 0 !important; right: auto !important; top: 3px !important; width: 48px !important; }
  .td-header-wrap .td-main-menu-logo .td-main-logo::after { color: var(--dhiyara-sun); content: "Dhiyara"; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 20px; font-weight: 900; left: 42px; letter-spacing: -.04em; line-height: 1; position: absolute; top: 10px; }
  .td-header-wrap .td-main-menu-logo .td-main-logo::before { display: none; }
  .td-main-content-wrap { padding-top: 20px; }
  .dhiyara-hero { border-radius: 20px; margin-bottom: 30px; padding: 34px 24px; }
  .dhiyara-button { margin: 6px 4px 0 0; }
  .dhiyara-button--light { margin-left: 0; }
  .dhiyara-age-grid, .dhiyara-trust, .dhiyara-resource-grid, .dhiyara-steps { grid-template-columns: repeat(2, 1fr); }
  .dhiyara-palette-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dhiyara-library-grid { grid-template-columns: repeat(2, 1fr); }
  .dhiyara-library-heading { align-items: flex-start; flex-direction: column; }
  .dhiyara-results-heading { align-items: flex-start; flex-direction: column; }
  .single-post .td-main-content-wrap { padding-top: 28px; }
  .dhiyara-category-hero { padding: 40px 0 34px; }
  .dhiyara-single-hero { gap: 28px; grid-template-columns: 1fr; }
  .dhiyara-single-cover { max-width: 620px; }
  .dhiyara-related-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .dhiyara-resource-grid, .dhiyara-steps, .dhiyara-library-grid, .dhiyara-related-grid { grid-template-columns: 1fr; }
  .dhiyara-palette-preview { padding: 23px 18px; }
  .dhiyara-palette-grid { grid-template-columns: 1fr; }
  .dhiyara-filter-chips { flex-wrap: nowrap; margin-right: -20px; overflow-x: auto; padding-bottom: 8px; }
  .dhiyara-filter-chips a { flex: 0 0 auto; }
  .dhiyara-single-page { padding-top: 24px; }
  .dhiyara-single-hero h1 { font-size: 34px; }
  .dhiyara-resource-promises { grid-template-columns: 1fr; }
  .dhiyara-single-content { border-radius: 18px; }
}

/* Footer: a useful final navigation and reassurance point for parents. */
.dhiyara-site-footer { background: #25274f; color: #fff; margin-top: 0; }
.dhiyara-site-footer *, .dhiyara-site-footer *::before, .dhiyara-site-footer *::after { box-sizing: border-box; }
.dhiyara-site-footer .td-container { width: calc(100% - 40px); }
.dhiyara-footer-invitation { background: linear-gradient(120deg, #fff0c2 0%, #ffe8f1 52%, #e3f8f4 100%); color: var(--dhiyara-ink); padding: 42px 0; }
.dhiyara-footer-invitation-inner { align-items: center; display: flex; gap: 40px; justify-content: space-between; }
.dhiyara-footer-eyebrow { color: var(--dhiyara-teal-dark); font-size: 12px; font-weight: 900; letter-spacing: .11em; margin: 0 0 7px; text-transform: uppercase; }
.dhiyara-footer-invitation h2 { color: var(--dhiyara-ink); font-size: clamp(26px, 3.3vw, 38px); letter-spacing: -.025em; line-height: 1.12; margin: 0 0 8px; }
.dhiyara-footer-invitation p:not(.dhiyara-footer-eyebrow) { color: #596171; font-size: 16px; line-height: 1.55; margin: 0; }
.dhiyara-footer-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 10px; }
.dhiyara-footer-action { align-items: center; border: 2px solid transparent; border-radius: 999px; display: inline-flex; font-size: 14px; font-weight: 900; justify-content: center; line-height: 1.2; min-height: 48px; padding: 13px 20px; text-decoration: none; transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease; }
.dhiyara-footer-action:hover { transform: translateY(-2px); }
.dhiyara-footer-action--primary { background: var(--dhiyara-teal); box-shadow: 0 4px 0 var(--dhiyara-teal-dark); color: #fff; }
.dhiyara-footer-action--primary:hover { background: var(--dhiyara-teal-dark); color: #fff; }
.dhiyara-footer-action--secondary { background: rgba(255,255,255,.8); border-color: rgba(40,48,77,.16); color: var(--dhiyara-ink); }
.dhiyara-footer-action--secondary:hover { background: #fff; color: var(--dhiyara-teal-dark); }
.dhiyara-footer-main { padding: 58px 0 34px; }
.dhiyara-footer-grid { display: grid; gap: clamp(28px, 4vw, 58px); grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(150px, 1fr)); }
.dhiyara-footer-brand { max-width: 330px; }
.dhiyara-footer-logo { align-items: center; color: #fff; display: inline-flex; gap: 13px; text-decoration: none; }
.dhiyara-footer-logo img { background: #fffaf4; border-radius: 24px; height: 82px; object-fit: contain; padding: 5px; width: 82px; }
.dhiyara-footer-logo span, .dhiyara-footer-logo strong, .dhiyara-footer-logo small { display: block; }
.dhiyara-footer-logo strong { color: #ffd166; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 27px; font-weight: 900; letter-spacing: -.04em; line-height: 1; }
.dhiyara-footer-logo small { color: #ffb2d3; font-size: 9px; font-weight: 900; letter-spacing: .12em; margin-top: 8px; text-transform: uppercase; }
.dhiyara-footer-brand > p { color: #c7c9de; font-size: 14px; line-height: 1.65; margin: 19px 0 0; }
.dhiyara-footer-column h3 { color: #fff; font-size: 15px; font-weight: 900; letter-spacing: .02em; margin: 6px 0 18px; }
.dhiyara-footer-column ul { list-style: none; margin: 0; padding: 0; }
.dhiyara-footer-column li { margin: 0; }
.dhiyara-footer-column a { color: #d8daea; display: inline-block; font-size: 14px; line-height: 1.45; padding: 5px 0; text-decoration: none; text-underline-offset: 4px; }
.dhiyara-footer-column a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--dhiyara-sun); text-decoration-thickness: 2px; }
.dhiyara-footer-connect p { color: #c7c9de; font-size: 14px; line-height: 1.55; margin: 0 0 13px; }
.dhiyara-footer-social-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.dhiyara-footer-column .dhiyara-social-icon { align-items: center; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.15); border-radius: 50%; color: #fff; display: inline-flex; height: 42px; justify-content: center; padding: 0; transition: background-color .18s ease, border-color .18s ease, transform .18s ease; width: 42px; }
.dhiyara-footer-column .dhiyara-social-icon:hover { background: #fff; border-color: #fff; transform: translateY(-2px); }
.dhiyara-social-icon svg { fill: currentColor; height: 21px; width: 21px; }
.dhiyara-social-icon--instagram svg { fill: none; stroke: currentColor; stroke-width: 1.8; }
.dhiyara-social-icon--instagram svg circle:last-child { fill: currentColor; stroke: none; }
.dhiyara-footer-column .dhiyara-social-icon--youtube:hover { color: #d9274e; }
.dhiyara-footer-column .dhiyara-social-icon--instagram:hover { color: #c52e79; }
.dhiyara-footer-column .dhiyara-social-icon--facebook:hover { color: #246bce; }
.dhiyara-footer-column .dhiyara-footer-email { color: #ffd166; font-weight: 800; margin-top: 8px; overflow-wrap: anywhere; }
.dhiyara-footer-trust { border-bottom: 1px solid rgba(255,255,255,.12); border-top: 1px solid rgba(255,255,255,.12); display: grid; gap: 22px; grid-template-columns: repeat(3, 1fr); margin-top: 45px; padding: 25px 0; }
.dhiyara-footer-trust > div { align-items: center; display: flex; gap: 12px; }
.dhiyara-footer-trust-icon { align-items: center; background: rgba(255,209,102,.14); border: 1px solid rgba(255,209,102,.32); border-radius: 50%; color: #ffd166; display: inline-flex; flex: 0 0 auto; font-size: 18px; font-weight: 900; height: 40px; justify-content: center; width: 40px; }
.dhiyara-footer-trust span:last-child, .dhiyara-footer-trust strong, .dhiyara-footer-trust small { display: block; }
.dhiyara-footer-trust strong { color: #fff; font-size: 13px; line-height: 1.3; }
.dhiyara-footer-trust small { color: #bfc2d8; font-size: 11px; line-height: 1.4; margin-top: 3px; }
.dhiyara-footer-bottom { background: #1d1f41; }
.dhiyara-footer-bottom-inner { align-items: center; display: flex; gap: 24px; justify-content: space-between; min-height: 66px; padding: 14px 0; }
.dhiyara-footer-bottom p { color: #b6b9cf; font-size: 12px; line-height: 1.45; margin: 0; }
.dhiyara-site-footer a:focus-visible { outline-color: #ffd166; }

@media (max-width: 960px) {
  .dhiyara-footer-invitation-inner { align-items: flex-start; flex-direction: column; gap: 24px; }
  .dhiyara-footer-grid { grid-template-columns: minmax(240px, 1.4fr) repeat(2, 1fr); }
  .dhiyara-footer-connect { grid-column: 2 / 4; }
}
@media (max-width: 767px) {
  .dhiyara-footer-invitation { padding: 34px 0; }
  .dhiyara-footer-main { padding-top: 42px; }
  .dhiyara-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dhiyara-footer-brand { grid-column: 1 / -1; max-width: 470px; }
  .dhiyara-footer-connect { grid-column: 1 / -1; }
  .dhiyara-footer-trust { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .dhiyara-site-footer .td-container { width: calc(100% - 32px); }
  .dhiyara-footer-actions, .dhiyara-footer-action { width: 100%; }
  .dhiyara-footer-grid { gap: 34px 24px; }
  .dhiyara-footer-logo img { border-radius: 20px; height: 72px; width: 72px; }
  .dhiyara-footer-bottom-inner { align-items: flex-start; flex-direction: column; gap: 5px; justify-content: center; }
}

/* Learning videos: a browsable watch-and-do hub, not a heavy carousel. */
.dhiyara-video-hub { background: var(--dhiyara-cream); color: var(--dhiyara-ink); }
.dhiyara-video-hero { background: linear-gradient(135deg, #dffbf5 0%, #eeeaff 56%, #fff0bd 100%); border-bottom: 1px solid rgba(91,79,233,.10); padding: 70px 0 58px; }
.dhiyara-video-hero h1 { color: var(--dhiyara-ink); font-size: clamp(38px, 5vw, 58px); letter-spacing: -.035em; line-height: 1.05; margin: 11px 0 17px; max-width: 820px; }
.dhiyara-video-hero > .td-container > p:not(.dhiyara-kicker):not(.dhiyara-video-privacy) { color: #52616d; font-size: 19px; line-height: 1.6; margin: 0; max-width: 760px; }
.dhiyara-video-privacy { align-items: center; color: #596171; display: flex; font-size: 13px; font-weight: 800; gap: 8px; margin: 24px 0 0; }
.dhiyara-video-privacy span { align-items: center; background: #fff; border-radius: 50%; color: var(--dhiyara-coral); display: inline-flex; height: 27px; justify-content: center; padding-left: 2px; width: 27px; }
.dhiyara-video-library { padding-bottom: 72px; padding-top: 54px; }
.dhiyara-video-library-heading { align-items: end; display: flex; gap: 30px; justify-content: space-between; }
.dhiyara-video-library-heading h2 { color: var(--dhiyara-ink); font-size: 32px; margin: 7px 0 0; }
.dhiyara-video-filters { display: flex; flex-wrap: wrap; gap: 9px; margin: 28px 0 30px; }
.dhiyara-video-filter { background: #fff; border: 1px solid rgba(63,53,189,.18); border-radius: 999px; color: var(--dhiyara-ink); cursor: pointer; font: inherit; font-size: 13px; font-weight: 800; min-height: 42px; padding: 9px 15px; }
.dhiyara-video-filter:hover { border-color: var(--dhiyara-teal); color: var(--dhiyara-teal-dark); }
.dhiyara-video-filter[aria-pressed="true"] { background: var(--dhiyara-teal); border-color: var(--dhiyara-teal); color: #fff; }
.dhiyara-video-grid { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dhiyara-video-card { background: #fff; border: 1px solid rgba(38,55,71,.08); border-radius: 20px; box-shadow: var(--dhiyara-shadow); display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.dhiyara-video-card[hidden] { display: none; }
.dhiyara-video-stage { aspect-ratio: 16 / 9; background: #25274f; overflow: hidden; position: relative; }
.dhiyara-video-stage img { height: 100%; object-fit: cover; opacity: .92; transition: opacity .2s ease, transform .25s ease; width: 100%; }
.dhiyara-video-card:hover .dhiyara-video-stage img { opacity: 1; transform: scale(1.025); }
.dhiyara-video-stage iframe { border: 0; display: block; height: 100%; width: 100%; }
.dhiyara-video-play { align-items: center; background: #fff; border: 0; border-radius: 50%; box-shadow: 0 6px 24px rgba(22,25,54,.28); color: var(--dhiyara-coral); cursor: pointer; display: flex; height: 62px; justify-content: center; left: 50%; padding: 0 0 0 4px; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: transform .18s ease, background-color .18s ease; width: 62px; }
.dhiyara-video-play span { font-size: 25px; line-height: 1; }
.dhiyara-video-play:hover { background: var(--dhiyara-sun); transform: translate(-50%, -50%) scale(1.06); }
.dhiyara-video-play:focus-visible, .dhiyara-video-filter:focus-visible { outline: 3px solid var(--dhiyara-sun); outline-offset: 3px; }
.dhiyara-video-card-content { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.dhiyara-video-card-meta { align-items: center; display: flex; flex-wrap: wrap; gap: 9px; }
.dhiyara-video-card-meta time { color: #6c7680; font-size: 12px; }
.dhiyara-video-card h2 { color: var(--dhiyara-ink); font-size: 20px; line-height: 1.3; margin: 14px 0 18px; }
.dhiyara-video-card-actions { align-items: flex-start; display: flex; flex-direction: column; gap: 9px; margin-top: auto; }
.dhiyara-video-resource-link { color: var(--dhiyara-teal-dark); font-size: 13px; font-weight: 900; text-decoration: none; }
.dhiyara-video-resource-link:hover { color: var(--dhiyara-coral); }
.dhiyara-video-youtube-link { color: #697386; font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.dhiyara-video-next-step { background: #eeebff; padding: 48px 0; }
.dhiyara-video-next-step-inner { align-items: center; display: flex; gap: 36px; justify-content: space-between; }
.dhiyara-video-next-step h2 { color: var(--dhiyara-ink); font-size: clamp(27px, 3.2vw, 38px); margin: 7px 0 8px; }
.dhiyara-video-next-step p:not(.dhiyara-kicker) { color: #596171; font-size: 16px; margin: 0; }
.dhiyara-video-next-step .dhiyara-button { flex: 0 0 auto; }

@media (max-width: 900px) {
  .dhiyara-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .dhiyara-video-hero { padding: 48px 0 42px; }
  .dhiyara-video-library-heading, .dhiyara-video-next-step-inner { align-items: flex-start; flex-direction: column; }
  .dhiyara-video-filters { flex-wrap: nowrap; margin-right: -20px; overflow-x: auto; padding-bottom: 8px; }
  .dhiyara-video-filter { flex: 0 0 auto; }
}
@media (max-width: 520px) {
  .dhiyara-video-grid { grid-template-columns: 1fr; }
  .dhiyara-video-library { padding-bottom: 50px; padding-top: 42px; }
  .dhiyara-video-play { height: 54px; width: 54px; }
}