/*
Theme Name: Kadence Child (EuroKids Worksheets)
Template: kadence
Version: 1.2.0
*/

/* =========================================================
   BRAND TOKENS
   ========================================================= */
:root{
  --ek-blue:rgba(32,68,150,1);           /* primary brand */
  --ek-blue-dark:rgba(32,68,150,1);                /* hover / darker shade */
  --ek-blue-deep:#0F1B3A;                /* footer bottom bar */
  --ek-blue-soft:rgba(32,68,150,.10);    /* subtle bg tint */
  --ek-red:#e10c3a;                      /* EuroKids red — side "Enquire Now" tab, card "View & Download" */
  --ek-red-dark:#b8092f;
  --ek-yellow:#FFC800;
  --ek-green:#8BC540;
  --ek-heading:#1D1D1B;
  --ek-text:#4A4A4A;
  --ek-cream:#FFF7E6;
  --ek-border:#EDEDED;
  --ek-footer-text:#EAEAEA;
  --ek-footer-muted:#C8D0E0;
}

/* =========================================================
   BUTTONS
   ========================================================= */
.ek-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 26px; border-radius:24px;
  font-family:'Poppins',sans-serif; font-weight:600; font-size:14px;
  text-transform:uppercase; letter-spacing:.5px; text-decoration:none;
  transition:all .2s ease;
}
.ek-btn-primary{background:var(--ek-blue); color:#fff; border:2px solid var(--ek-blue);}
.ek-btn-primary:hover{background:var(--ek-blue-dark); border-color:var(--ek-blue-dark); color:#fff;}
.ek-btn-outline{background:transparent; color:var(--ek-heading); border:2px solid var(--ek-yellow);}
.ek-btn-outline:hover{background:var(--ek-yellow); color:var(--ek-heading);}

/* =========================================================
   META TABLE (worksheet details)
   ========================================================= */
.ws-meta{width:100%; border-collapse:collapse; font-size:14px; margin-top:8px;}
.ws-meta th{text-align:left; color:var(--ek-heading); font-weight:600; padding:10px 0; width:42%;}
.ws-meta td{color:var(--ek-text); padding:10px 0; border-bottom:1px dashed #E2E2E2;}
.ws-meta tr:last-child td{border-bottom:none;}
.ws-meta td a{color:var(--ek-blue); font-weight:600; text-decoration:none !important; border-bottom:none; transition:color .15s;}
.ws-meta td a:hover, .ws-meta td a:focus{color:var(--ek-blue-dark); text-decoration:none !important; border-bottom:none;}

/* =========================================================
   PREVIEW IMAGE
   ========================================================= */
.ek-preview-img{
  width:100%; height:auto; border-radius:12px;
  border:1px solid var(--ek-border);
  box-shadow:0 6px 20px rgba(0,0,0,.06);
  background:#fff;
}

/* =========================================================
   WHY IT MATTERS GRID
   ========================================================= */
.ek-wim-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:24px;
}
.ek-wim-card{
  background:var(--ek-cream); border-radius:14px; padding:24px; text-align:center;
}
.ek-wim-icon{width:56px; height:56px; margin-bottom:12px;}
.ek-wim-card h3{font-family:'Poppins',sans-serif; font-size:18px; color:var(--ek-blue); margin:6px 0 8px;}
.ek-wim-card p{font-size:14px; color:var(--ek-text); line-height:1.55; margin:0;}
.ek-wim h2{color:var(--ek-blue) !important;}
@media (max-width: 800px){ .ek-wim-grid{grid-template-columns:1fr;} }

/* =========================================================
   MODAL (download gate)
   ========================================================= */
.ek-modal{
  position:fixed; inset:0; background:rgba(29,29,27,.55);
  display:flex; align-items:center; justify-content:center; z-index:9999;
}
.ek-modal[hidden]{display:none;}
.ek-modal-box{
  background:#fff; width:min(480px, 92vw); border-radius:16px; padding:32px 28px;
  position:relative; box-shadow:0 20px 60px rgba(0,0,0,.25);
}
.ek-modal-box h3{font-family:'Poppins',sans-serif; color:var(--ek-blue); margin:0 0 6px;}
.ek-modal-box p{color:var(--ek-text); margin:0 0 16px; font-size:14px;}
.ek-modal-close{
  position:absolute; top:10px; right:14px; background:none; border:none;
  font-size:26px; color:var(--ek-text); cursor:pointer;
}
.ek-modal .wpforms-field-container input,
.ek-modal .wpforms-field-container select{
  border-radius:8px !important; border:1px solid var(--ek-border) !important;
}
.ek-modal .wpforms-submit{
  background:var(--ek-blue) !important; color:#fff !important;
  border-radius:24px !important; padding:12px 26px !important; font-weight:600 !important;
  text-transform:uppercase; letter-spacing:.5px;
}
.ek-modal .wpforms-submit:hover{background:var(--ek-blue-dark) !important;}

/* =========================================================
   ENQUIRY BOX (right column on single worksheet)
   ========================================================= */
.ek-enquiry-box{background:var(--ek-blue); color:#fff; border-radius:14px; padding:24px;}
.ek-enquiry-box h3{color:#fff; margin:0 0 6px;}
.ek-enquiry-box p{color:#fff !important;}
.ek-enquiry-box .wpforms-field-label,
.ek-enquiry-box label{color:#fff !important;}
.ek-enquiry-box .wpforms-submit{background:var(--ek-yellow)!important; color:var(--ek-heading)!important;}
.ek-enquiry-box .wpforms-submit:hover{background:#E6B300 !important;}

/* =========================================================
   NEWSLETTER BAND (was red -> now BRAND BLUE)
   ========================================================= */
section.ek-nl,
.ek-nl{
  background:var(--ek-blue) !important;
  color:#fff !important;
  padding-top:60px !important;
  padding-bottom:60px !important;
}
.ek-nl h2, .ek-nl h3, .ek-nl p{color:#fff !important;}
.ek-nl .wpforms-container{max-width:520px; margin:0 auto;}
.ek-nl .wpforms-form input[type="email"],
.ek-nl .wpforms-form input[type="text"]{
  background:#fff !important;
  border:0 !important;
  border-radius:8px !important;
  padding:14px 18px !important;
  font-size:15px !important;
}
.ek-nl .wpforms-form .wpforms-field-label,
.ek-nl .wpforms-form label{
  color:#fff !important;
  font-weight:600 !important;
}
.ek-nl .wpforms-submit,
.ek-nl button[type="submit"],
.ek-nl .wpforms-form button{
  background:var(--ek-yellow) !important;
  color:var(--ek-heading) !important;
  border:0 !important;
  border-radius:24px !important;
  padding:14px 34px !important;
  font-weight:700 !important;
  font-family:'Poppins',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
  cursor:pointer !important;
}
.ek-nl .wpforms-submit:hover,
.ek-nl button[type="submit"]:hover{background:#E6B300 !important;}

/* =========================================================
   NEWSLETTER FORM — inline layout (email + button on one line)
   Desktop: single row, Mobile: stacked
   ========================================================= */

/* Hide the "Email" label — placeholder is enough */
.ek-nl .wpforms-form .wpforms-field-label{
  display:none !important;
}

/* Flex row: input field + submit button side-by-side */
.ek-nl .wpforms-form{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  align-items:stretch !important;
  max-width:600px !important;
  margin:0 auto !important;
  padding:6px !important;
  background:rgba(255,255,255,.08) !important;
  border-radius:36px !important;
}

/* Reset WPForms internal wrappers so flex works */
.ek-nl .wpforms-form .wpforms-field-container{
  display:flex !important;
  flex:1 1 auto !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
}
.ek-nl .wpforms-form .wpforms-field{
  flex:1 1 auto !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
}

/* The email input — pill shape, flush inside container */
.ek-nl .wpforms-form input[type="email"],
.ek-nl .wpforms-form input[type="text"]{
  width:100% !important;
  height:52px !important;
  background:#fff !important;
  border:0 !important;
  border-radius:30px !important;
  padding:0 22px !important;
  font-size:15px !important;
  color:var(--ek-heading) !important;
  box-shadow:none !important;
  outline:none !important;
  margin:0 !important;
}
.ek-nl .wpforms-form input::placeholder{
  color:#9098A8 !important;
}

/* Submit container (WPForms wraps button in a div) */
.ek-nl .wpforms-form .wpforms-submit-container{
  display:flex !important;
  align-items:stretch !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
}

/* The Subscribe button — pill, yellow, no wrap */
.ek-nl .wpforms-form .wpforms-submit,
.ek-nl .wpforms-form button[type="submit"]{
  height:52px !important;
  padding:0 32px !important;
  border-radius:30px !important;
  background:var(--ek-yellow) !important;
  color:var(--ek-heading) !important;
  border:0 !important;
  font-weight:700 !important;
  font-family:'Poppins',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
  font-size:14px !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  margin:0 !important;
  transition:background .2s ease, transform .15s ease !important;
}
.ek-nl .wpforms-form .wpforms-submit:hover,
.ek-nl .wpforms-form button[type="submit"]:hover{
  background:#E6B300 !important;
  transform:translateY(-1px);
}

/* Error message positioning */
.ek-nl .wpforms-form .wpforms-error{
  position:absolute !important;
  margin-top:56px !important;
  font-size:12px !important;
  color:#FFE0E6 !important;
}

/* Confirmation message after subscribe */
.ek-nl .wpforms-confirmation-container-full{
  background:rgba(255,255,255,.12) !important;
  border:0 !important;
  color:#fff !important;
  padding:16px 22px !important;
  border-radius:12px !important;
  font-weight:500 !important;
}

/* =========================================================
   HEADER — 2-row layout matching EuroKids blog
   ========================================================= */

/* MAIN ROW — Logo + Admission Enquiry button */
.site-main-header-inner-wrap{
  background: #FFFFFF !important;
  padding: 12px 0 !important;
}

/* Admission Enquiry — rounded rectangle, not pill */
.header-button a,
.site-header-item a[href*="preschool-admission"],
.site-header-item a[href*="admission"]{
  background: var(--ek-blue) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-family: 'Poppins',sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: .3px !important;
  text-transform: none !important;
  box-shadow: 0 4px 12px rgba(32,68,150,.20) !important;
  transition: all .2s !important;
  white-space: nowrap;
}
.header-button a:hover,
.site-header-item a[href*="preschool-admission"]:hover{
  background: var(--ek-blue-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(32,68,150,.30) !important;
}

/* BOTTOM ROW — Navigation + Social icons */
.site-header-lower-wrap,
.site-header-row-container-inner[data-row="bottom"],
.site-header-row-container.site-header-row-container-bottom{
  background: #FFFFFF !important;
  border-top: 1px solid #E8ECF3 !important;
  padding: 4px 0 !important;
}

/* Nav items — navy blue + pipe separators */
/* Pipe separators between nav items (works in Main or Bottom row) */
.site-header .header-navigation .menu > li,
.site-header .site-main-header-inner-wrap .menu > li,
.site-header-lower-wrap .menu > li{
  position: relative;
}
.site-header .header-navigation .menu > li:not(:last-child)::after,
.site-header .site-main-header-inner-wrap .menu > li:not(:last-child)::after,
.site-header-lower-wrap .menu > li:not(:last-child)::after{
  content: '|';
  color: #C8D0E0;
  font-weight: 300;
  position: absolute;
  right: -3px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 14px;
}
.site-header-lower-wrap .menu > li > a,
.site-header-row-container-inner[data-row="bottom"] .menu > li > a{
  color: var(--ek-blue) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  letter-spacing: .2px;
  text-transform: none !important;
}
.site-header-lower-wrap .menu > li > a:hover,
.site-header-lower-wrap .menu > li.current-menu-item > a{
  color: var(--ek-blue-dark) !important;
}

/* Kill the old blue underline effect from earlier CSS */
.site-header-lower-wrap .menu > li > a::after,
.site-main-header-inner-wrap .menu > li > a::after{
  display: none !important;
}

/* Kadence Social element — enforce compact circular icons */
.site-header-lower-wrap .kadence-social-wrap .social-button,
.site-header .kadence-social-wrap .social-button{
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  margin: 0 4px !important;
}
.site-header-lower-wrap .kadence-social-wrap .kadence-svg-iconset,
.site-header .kadence-social-wrap .kadence-svg-iconset{
  width: 16px !important;
  height: 16px !important;
}
.site-header .kadence-social-wrap .kadence-svg-iconset svg{
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

/* Fixed side "Enquire Now" tab — EuroKids red #e10c3a */
.ek-side-cta{
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: right center;
  background: var(--ek-red);
  color: #fff !important;
  padding: 12px 24px;
  font-family: 'Poppins',sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none !important;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 4px 14px rgba(225,12,58,.32);
  z-index: 9998;
  letter-spacing: .3px;
  border-top: 3px solid var(--ek-yellow);
  transition: background .2s ease;
}
.ek-side-cta:hover{ background: var(--ek-red-dark); color:#fff !important; }

/* Kill any pill/background on nav items — text-only look */
.site-header .menu > li > a,
.site-header .menu > li.current-menu-item > a,
.site-header .menu > li.current-menu-ancestor > a{
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Also flatten the sub-menu parent hover state */
.site-header .menu > li.menu-item-has-children > a{
  background: transparent !important;
}

/* Bottom row nav — compact fit */
.site-header-lower-wrap .menu > li > a,
.site-header .header-navigation .menu > li > a{
  padding: 8px 14px !important;
  font-size: 13.5px !important;
  white-space: nowrap;
}

/* Container flex to prevent wrapping */
.site-header-lower-wrap .header-navigation,
.site-header-lower-wrap ul.menu{
  flex-wrap: nowrap !important;
  display: flex !important;
}

@media (max-width: 900px){ .ek-side-cta{ display: none; } }

/* Mobile — hide bottom row nav, use hamburger from main row */
@media (max-width: 900px){
  .site-header-lower-wrap,
  .site-header-row-container-inner[data-row="bottom"]{
    display: none !important;
  }
}

/* ---------- Mobile responsive ---------- */
@media (max-width: 640px){
  .ek-nl .wpforms-form{
    flex-direction:column !important;
    background:transparent !important;
    padding:0 !important;
    border-radius:0 !important;
    gap:12px !important;
  }
  .ek-nl .wpforms-form .wpforms-field-container,
  .ek-nl .wpforms-form .wpforms-submit-container{
    width:100% !important;
  }
  .ek-nl .wpforms-form input[type="email"]{
    border-radius:30px !important;
    text-align:center !important;
  }
  .ek-nl .wpforms-form .wpforms-submit,
  .ek-nl .wpforms-form button[type="submit"]{
    width:100% !important;
    border-radius:30px !important;
  }
}

/* =========================================================
   HOME PAGE ENROL CTA (was red -> now BLUE)
   ========================================================= */
.ek-enrol-cta,
section[style*="background:#E4032E"],
section[style*="background:#e10c3a"]{
  background:var(--ek-blue) !important;
  color:#fff !important;
}
.ek-enrol-cta h2,
section[style*="background:#E4032E"] h2,
section[style*="background:#e10c3a"] h2{color:#fff !important;}

/* =========================================================
   PRINT STYLES
   ========================================================= */
@media print{
  body > *:not(.ek-main),
  #site-header, .site-footer, .ek-modal, .ek-nl, .ek-related, .ek-wim, .ek-recommended-blogs,
  .breadcrumb-row, .ek-enquiry-box, .ek-actions, .ek-share, .ek-crumb, .ek-hero,
  .ek-side-cta{display:none !important;}
  .ek-preview-img{border:none !important; box-shadow:none !important; max-width:100% !important;}
  .ek-main, .ek-container{padding:0 !important; margin:0 !important; max-width:100% !important;}
  .ek-left{width:100% !important;}
  .ek-right{display:none !important;}
}

/* =========================================================
   ARCHIVE TOP-PILL FILTERS (Filter Everything)
   ========================================================= */
.wpc-filters-main-wrapper .wpc-filter{
  display:inline-block; margin-right:8px; margin-bottom:8px;
}
.wpc-term-item label{
  background:#fff; border:1px solid var(--ek-border); border-radius:22px;
  padding:8px 16px; cursor:pointer; font-size:13px; color:var(--ek-heading);
}
.wpc-term-item input:checked + label{
  background:var(--ek-blue); color:#fff; border-color:var(--ek-blue);
}

/* =========================================================
   SOCIAL SHARE ICONS (on single worksheet)
   ========================================================= */
.ek-share{display:flex;gap:10px;justify-content:center;margin-top:16px}
.ek-share-btn{
  width:36px;height:36px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;text-decoration:none;
  transition:transform .15s ease, opacity .15s ease;
}
.ek-share-btn:hover{transform:translateY(-2px);opacity:.9}
.ek-share-fb{background:#1877F2}          /* Facebook brand */
.ek-share-wa{background:#25D366}          /* WhatsApp brand */
.ek-share-pin{background:#E60023}         /* Pinterest brand */
.ek-share-copy{background:var(--ek-blue)} /* Copy = EuroKids blue */

/* =========================================================
   HEADER
   ========================================================= */
.site-header{box-shadow:0 2px 10px rgba(0,0,0,.04);}
.site-header .site-branding img{max-height:48px !important; width:auto !important;}

/* Nav items */
.site-main-header-inner-wrap .menu > li > a,
.header-navigation .menu > li > a{
  font-family:'Poppins', sans-serif !important;
  font-weight:500 !important;
  font-size:15px !important;
  color:var(--ek-heading) !important;
  padding:10px 14px !important;
  letter-spacing:.2px !important;
  position:relative;
  text-transform:none !important;
}
.site-main-header-inner-wrap .menu > li > a:hover,
.site-main-header-inner-wrap .menu > li.current-menu-item > a{
  color:var(--ek-blue) !important;
}

/* Blue underline on hover */
.site-main-header-inner-wrap .menu > li > a::after{
  content:''; position:absolute; left:14px; right:14px; bottom:6px;
  height:2px; background:var(--ek-blue); transform:scaleX(0);
  transform-origin:left; transition:transform .25s ease;
}
.site-main-header-inner-wrap .menu > li:hover > a::after,
.site-main-header-inner-wrap .menu > li.current-menu-item > a::after{transform:scaleX(1);}

/* Categories dropdown */
.site-main-header-inner-wrap .sub-menu{
  background:#fff !important;
  box-shadow:0 10px 30px rgba(0,0,0,.1) !important;
  border-radius:10px !important;
  border:0 !important;
  padding:8px 0 !important;
  min-width:220px !important;
}
.site-main-header-inner-wrap .sub-menu li a{
  padding:10px 20px !important;
  font-size:14px !important;
  color:var(--ek-text) !important;
}
.site-main-header-inner-wrap .sub-menu li a:hover{
  background:var(--ek-cream) !important;
  color:var(--ek-blue) !important;
}

/* Enquire Now button */
.header-button a,
.site-header-item a[href*="preschool-admission"],
.site-header-item a[href*="admission"]{
  background:var(--ek-blue) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:26px !important;
  padding:11px 24px !important;
  font-family:'Poppins',sans-serif !important;
  font-weight:600 !important;
  font-size:14px !important;
  letter-spacing:.3px !important;
  text-transform:none !important;
  box-shadow:0 4px 12px rgba(32,68,150,.25) !important;
  transition:all .2s !important;
}
.header-button a:hover,
.site-header-item a[href*="preschool-admission"]:hover{
  background:var(--ek-blue-dark) !important;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(32,68,150,.35) !important;
}

/* Sticky header shadow */
.site-header.item-is-fixed.item-at-start{box-shadow:0 4px 20px rgba(0,0,0,.08) !important;}


/* =========================================================
   FOOTER — EUROKIDS BRAND NAVY
   ========================================================= */
.site-footer,
.site-footer-wrap,
.footer-widget-area{
  background: var(--ek-blue-dark) !important;
  color: var(--ek-footer-text) !important;
}

/* Yellow strip at very top for brand accent */
.site-footer{
  border-top: 4px solid var(--ek-yellow);
}

/* Default text/link styling */
.site-footer,
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer span,
.site-footer strong{
  color: var(--ek-footer-text) !important;
  font-family: 'Open Sans', 'Poppins', sans-serif !important;
}
.site-footer a{
  text-decoration: none !important;
  transition: color .2s !important;
}
.site-footer a:hover{ color: var(--ek-yellow) !important; }

/* Column titles — white, yellow underline, uppercase */
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5, .site-footer h6,
.site-footer .widget-title,
.site-footer .widgettitle{
  color: #FFFFFF !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin: 0 0 22px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid var(--ek-yellow) !important;
  display: inline-block !important;
  white-space: nowrap !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;
}

/* List items with yellow chevron */
.site-footer .menu,
.site-footer ul.menu,
.site-footer ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.site-footer .menu li,
.site-footer ul.menu li,
.site-footer ul li{
  padding: 7px 0 !important;
  border: 0 !important;
  line-height: 1.5 !important;
}
.site-footer .menu li a,
.site-footer ul.menu li a,
.site-footer ul li a{
  color: var(--ek-footer-text) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  position: relative;
  padding-left: 14px;
  display: inline-block;
}
.site-footer .menu li a::before,
.site-footer ul.menu li a::before,
.site-footer ul li a::before{
  content: '›';
  position: absolute;
  left: 0;
  color: var(--ek-yellow);
  font-weight: 700;
  transition: transform .2s ease;
}
.site-footer .menu li a:hover,
.site-footer ul.menu li a:hover,
.site-footer ul li a:hover{ color: var(--ek-yellow) !important; }
.site-footer .menu li a:hover::before,
.site-footer ul li a:hover::before{ transform: translateX(3px); }

/* Logo/brand area */
.site-footer .textwidget img,
.site-footer .widget_custom_html img,
.site-footer .widget_media_image img{
  max-width: 180px !important;
  filter: brightness(0) invert(1) !important;   /* auto-white the logo on dark bg */
  margin-bottom: 18px !important;
}
.site-footer .textwidget p,
.site-footer .widget_custom_html p{
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--ek-footer-muted) !important;
}

/* Contact links (email/phone) — yellow accent */
.site-footer a[href^="mailto:"],
.site-footer a[href^="tel:"]{
  color: var(--ek-yellow) !important;
  font-weight: 600 !important;
}
.site-footer a[href^="mailto:"]:hover,
.site-footer a[href^="tel:"]:hover{
  color: #fff !important;
  text-decoration: underline !important;
}
.site-footer a[href^="mailto:"]::before,
.site-footer a[href^="tel:"]::before{ display: none !important; }

/* Footer column layout */
.site-footer .footer-widget-area-inner{
  display: grid !important;
 /* grid-template-columns: 1.4fr 1fr 1fr 1.2fr !important;
  gap: 40px !important; */
  align-items: start !important;
 /* padding: 60px 0 40px !important; */
  max-width: 1180px;
  margin: 0 auto;
}
@media (max-width: 900px){
  .site-footer .footer-widget-area-inner{
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }
}
@media (max-width: 600px){
  .site-footer .footer-widget-area-inner{
    grid-template-columns: 1fr !important;
  }
  .site-footer h1, .site-footer h2, .site-footer h3,
  .site-footer .widget-title{
    white-space: normal !important;
  }
}

/* Bottom copyright bar */
.site-bottom-footer-wrap,
.site-info,
.site-info-wrap{
  background: rgba(32,68,150,1) !important;
  color: #fff !important;
  font-size: 12px !important;
 /* padding: 18px 24px !important;*/
  text-align: center !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}
.site-bottom-footer-wrap a,
.site-info a{
  color: #C8D0E0 !important;
  text-decoration: none !important;
  margin: 0 6px;
}
.site-bottom-footer-wrap a:hover,
.site-info a:hover{
  color: var(--ek-yellow) !important;
}


/* =========================================================
   WORKSHEET ARCHIVE PAGE
   ========================================================= */
.ek-archive-hero{
  background: var(--ek-cream);
  padding: 52px 24px 32px;
  text-align: center;
}
.ek-archive-hero h1{
  font-family:'Poppins',sans-serif; font-weight:700;
  font-size:40px; color:var(--ek-heading); margin:0 0 12px;
}
.ek-archive-hero p{
  color:var(--ek-text); font-size:17px; line-height:1.6;
  max-width:660px; margin:0 auto; font-family:'Open Sans',sans-serif;
}
.ek-archive-wrap{ max-width:1180px; margin:0 auto; padding:34px 24px 70px; }

/* Filter card + pills */
.ek-filters{
  background:#fff; border:1px solid var(--ek-border); border-radius:18px;
  padding:24px 26px; margin-bottom:36px; box-shadow:0 6px 22px rgba(32,68,150,.06);
}
.ek-filter-group{ margin-bottom:18px; }
.ek-filter-group:last-of-type{ margin-bottom:0; }
.ek-filter-label{
  display:block; font-family:'Poppins',sans-serif; font-weight:700;
  font-size:12px; text-transform:uppercase; letter-spacing:.6px;
  color:var(--ek-blue); margin-bottom:10px;
}
.ek-pills{ display:flex; flex-wrap:wrap; gap:8px; }
.ek-pill{
  display:inline-block; background:#fff; border:1.5px solid var(--ek-border);
  border-radius:24px; padding:8px 18px; font-size:13.5px; font-weight:500;
  font-family:'Open Sans',sans-serif; color:var(--ek-heading);
  text-decoration:none; transition:background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease;
}
.ek-pill:hover{ border-color:var(--ek-blue); color:var(--ek-blue); transform:translateY(-1px); }
.ek-pill.is-active{ background:var(--ek-blue); border-color:var(--ek-blue); color:#fff; }
.ek-filter-reset{ margin-top:18px; padding-top:16px; border-top:1px dashed var(--ek-border); }
.ek-clear-filters{
  color:var(--ek-blue); font-weight:600; font-size:13px; text-decoration:none;
  font-family:'Poppins',sans-serif;
}
.ek-clear-filters:hover{ color:var(--ek-blue-deep); text-decoration:underline; }

/* Worksheet grid + cards */
.ek-ws-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.ek-ws-card{
  background:#fff; border:1px solid var(--ek-border); border-radius:16px;
  overflow:hidden; text-decoration:none; color:inherit; display:flex; flex-direction:column;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.ek-ws-card:hover{ transform:translateY(-6px); box-shadow:0 18px 36px rgba(32,68,150,.16); border-color:transparent; }
.ek-ws-card-thumb{ aspect-ratio:8/11; background:var(--ek-blue-soft); overflow:hidden; }
.ek-ws-card-thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.ek-ws-card:hover .ek-ws-card-thumb img{ transform:scale(1.04); }
.ek-ws-card-thumb-fallback{
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--ek-blue),var(--ek-blue-deep)); color:#fff;
  font-family:'Poppins',sans-serif; font-weight:600; font-size:14px; text-align:center; padding:12px;
}
.ek-ws-card-body{ padding:16px 16px 18px; display:flex; flex-direction:column; gap:10px; flex:1; }
.ek-ws-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.ek-ws-chip{
  background:var(--ek-blue-soft); color:var(--ek-blue); font-size:11px; font-weight:700;
  padding:4px 10px; border-radius:20px; font-family:'Poppins',sans-serif; letter-spacing:.2px;
}
.ek-ws-card-body h3{
  font-family:'Poppins',sans-serif; font-size:16px; font-weight:600;
  color:var(--ek-heading); margin:0; line-height:1.35;
}
.ek-ws-card-foot{ margin-top:auto; color:var(--ek-red); font-weight:600; font-size:13px; font-family:'Poppins',sans-serif; }

.ek-empty{ text-align:center; padding:70px 20px; }
.ek-empty h3{ font-family:'Poppins',sans-serif; color:var(--ek-heading); margin:0 0 8px; }
.ek-empty p{ color:var(--ek-text); } .ek-empty a{ color:var(--ek-blue); font-weight:600; }

/* Pagination */
.ek-archive-wrap .pagination,
.ek-archive-wrap .navigation.pagination{ margin-top:46px; display:flex; justify-content:center; }
.ek-archive-wrap .nav-links{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.ek-archive-wrap .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; height:44px; padding:0 14px; border-radius:10px;
  background:#fff; border:1.5px solid var(--ek-border); color:var(--ek-heading);
  text-decoration:none; font-weight:600; font-size:14px; font-family:'Poppins',sans-serif;
  transition:all .2s ease;
}
.ek-archive-wrap .page-numbers:hover{ border-color:var(--ek-blue); color:var(--ek-blue); }
.ek-archive-wrap .page-numbers.current{ background:var(--ek-blue); border-color:var(--ek-blue); color:#fff; }
.ek-archive-wrap .page-numbers.dots{ border:none; background:transparent; }

@media (max-width:1000px){ .ek-ws-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:760px){ .ek-ws-grid{ grid-template-columns:repeat(2,1fr);} .ek-archive-hero h1{ font-size:32px;} }
@media (max-width:460px){ .ek-ws-grid{ grid-template-columns:1fr;} }

/* =========================================================
   RECOMMENDED READS (REST API cards)
   ========================================================= */
.ek-recommended-blogs{ background:var(--ek-cream); padding:64px 24px; }
.ek-recommended-blogs .ek-container{ max-width:1180px; margin:0 auto; }
.ek-recommended-blogs h2{
  text-align:center; font-family:'Poppins',sans-serif; font-weight:700;
  color:var(--ek-blue); margin:0 0 8px; font-size:30px;
}
.ek-rr-sub{ text-align:center; color:var(--ek-text); margin:0 0 36px; font-family:'Open Sans',sans-serif; }
.ek-rr-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.ek-rr-card{
  background:#fff; border-radius:16px; overflow:hidden; text-decoration:none; color:inherit;
  display:flex; flex-direction:column; box-shadow:0 6px 22px rgba(0,0,0,.06);
  transition:transform .22s ease, box-shadow .22s ease;
}
.ek-rr-card:hover{ transform:translateY(-6px); box-shadow:0 18px 36px rgba(32,68,150,.16); }
.ek-rr-thumb{ aspect-ratio:16/10; background:var(--ek-blue-soft); overflow:hidden; }
.ek-rr-thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.ek-rr-card:hover .ek-rr-thumb img{ transform:scale(1.05); }
.ek-rr-thumb-fallback{
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--ek-blue),var(--ek-blue-deep)); color:#fff;
  font-family:'Poppins',sans-serif; font-weight:600; font-size:15px;
}
.ek-rr-body{ padding:16px 18px 20px; display:flex; flex-direction:column; gap:8px; flex:1; }
.ek-rr-tag{
  display:inline-block; align-self:flex-start; background:var(--ek-yellow); color:var(--ek-blue-deep);
  font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.6px;
  padding:4px 10px; border-radius:20px; font-family:'Poppins',sans-serif;
}
.ek-rr-body h3{
  font-family:'Poppins',sans-serif; font-size:15.5px; font-weight:600;
  color:var(--ek-heading); margin:0; line-height:1.4;
}
.ek-rr-body p{ font-size:13px; color:var(--ek-text); line-height:1.55; margin:0; font-family:'Open Sans',sans-serif; }
.ek-rr-more{ margin-top:auto; color:var(--ek-blue); font-weight:600; font-size:13px; font-family:'Poppins',sans-serif; }
.ek-rr-cta{ text-align:center; margin-top:36px; }
.ek-rr-fallback{ text-align:center; }
.ek-rr-fallback p{ color:var(--ek-text); margin:0 0 18px; }
@media (max-width:1000px){ .ek-rr-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .ek-rr-grid{ grid-template-columns:1fr;} }

/* =========================================================
   PREVIEW IMAGE GUARD — block right-click / drag / long-press save
   (enforces the gated download/print flow)
   ========================================================= */
.ek-preview-wrap{
  position:relative; display:block; line-height:0;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
  -webkit-touch-callout:none;
}
.ek-preview-wrap .ek-preview-img{
  -webkit-user-drag:none; -khtml-user-drag:none; -moz-user-drag:none; user-drag:none;
  pointer-events:none;
}
/* Transparent shield sits above the image so context-menu / drag target the shield */
.ek-preview-guard{
  position:absolute; inset:0; z-index:3; display:block;
  background:transparent; cursor:default;
}

/* =========================================================================
   EuroKids blog-matching HEADER & FOOTER  (font: Poppins, site default)
   Colours sampled from https://www.eurokidsindia.com/blog/
   header link #121212 · hover #215387 · footer bg #204496 · sub-bar #1b3a80
   ========================================================================= */

/* ---------- TOP MENU ---------- */
.ek-site-header{ background:#ffffff; border-bottom:1px solid #eee; }
.ek-header-inner{
  max-width:1240px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;
  gap:14px; padding:14px 20px; flex-wrap:nowrap;
}
.ek-logo{ flex:0 0 auto; display:block; }
.ek-logo img{ height:56px; width:auto; display:block; }

.ek-primary-nav{ flex:0 0 auto; }
.ek-nav-list{ list-style:none; margin:0; padding:0; display:flex; align-items:center; flex-wrap:nowrap; }
.ek-nav-list > li{ position:relative; display:flex; align-items:center; }
.ek-nav-list > li:not(:last-child)::after{ content:"|"; color:#d5d5d5; margin:0 5px; font-weight:400; }
.ek-nav-list a{
  font-family:'Poppins', sans-serif; font-size:14.4px; font-weight:500;
  color:#121212; text-transform:capitalize; text-decoration:none;
  line-height:24px; white-space:nowrap; transition:color .2s ease;
}
.ek-nav-list a:hover{ color:#215387; }
.ek-caret{ font-size:11px; }
.ek-sub-toggle{ display:none; } /* mobile-only +/- button, see burger block */
/* dropdown */
.ek-has-sub .ek-subnav{
  position:absolute; top:100%; left:0; min-width:210px; background:#fff;
  box-shadow:0 12px 32px rgba(0,0,0,.12); border-radius:8px; padding:8px 0;
  list-style:none; margin:10px 0 0; z-index:60;
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease, visibility 0s linear .25s;
}
/* invisible bridge over the 10px gap so the cursor can travel from the item down to its dropdown */
.ek-has-sub::before{ content:""; position:absolute; left:0; right:0; top:100%; height:14px; }

.ek-has-sub:hover .ek-subnav{ opacity:1; visibility:visible; transform:translateY(0); transition-delay:0s; }
.ek-subnav-categories{ min-width:250px; max-height:70vh; overflow-y:auto; }
.ek-subnav li{ display:block; }
.ek-subnav a{ display:block; padding:9px 18px; font-size:14px; }
.ek-subnav a:hover{ background:#f4f7fb; color:#215387; }

/* social — same colour PNG icons as the blog header (20×20, 10px gap) */
.ek-header-social{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.ek-header-social a{ display:inline-flex; align-items:center; padding:2px 6px; border-radius:2px; line-height:0; }
.ek-header-social img{ width:20px; height:20px; display:block; }
/* tighten type/spacing on smaller desktops so the menu still fits on ONE line */
/* narrow desktops: trim logo/padding only (type stays 14.4px) so the row keeps comfortable gaps */
@media (min-width:1200px) and (max-width:1259px){
  .ek-header-inner{ padding:12px 16px; gap:10px; }
  .ek-logo img{ height:50px; }
  .ek-header-social{ gap:8px; }
}

/* burger (mobile) */
.ek-nav-toggle, .ek-nav-burger{ display:none; }
@media (max-width:1199px){
  .ek-header-inner{ flex-wrap:wrap; }
  .ek-nav-burger{ display:flex; flex-direction:column; gap:5px; cursor:pointer; margin-left:auto; }
  .ek-nav-burger span{ width:26px; height:3px; background:#204496; border-radius:2px; }
  .ek-primary-nav{ flex-basis:100%; order:4; display:none; }
  .ek-nav-toggle:checked ~ .ek-primary-nav{ display:block; }
  .ek-nav-list{ flex-direction:column; align-items:flex-start; }
  .ek-nav-list > li{ width:100%; padding:8px 0; border-bottom:1px solid #f0f0f0; flex-wrap:wrap; }
  .ek-nav-list > li > a{ flex:1 1 auto; }
  .ek-nav-list > li:not(:last-child)::after{ display:none; }
  .ek-caret{ display:none; }
   .ek-has-sub::before{ display:none; }
    .ek-header-social{ display:none; } /* no social icons in the mobile header */
  /* accordion: sub-menus closed by default, +/- button (or tapping the parent) opens/closes */
  .ek-sub-toggle{
    display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px;
    border:0; padding:0; background:transparent; color:#204496; cursor:pointer;
    font-family:'Poppins', sans-serif; font-size:24px; line-height:1;
  }
  .ek-sub-toggle::before{ content:"+"; }
  .ek-has-sub.ek-open .ek-sub-toggle::before{ content:"\2212"; }
  .ek-has-sub .ek-subnav{ display:none; flex-basis:100%; position:static; opacity:1; visibility:visible;
    transform:none; box-shadow:none; padding:2px 0 6px 14px; margin:4px 0 0; }
  .ek-has-sub.ek-open .ek-subnav{ display:block; }
  .ek-subnav-categories{ max-height:none; overflow:visible; }
}

/* ---------- FOOTER ---------- */
.ek-site-footer{ font-family:'Poppins', sans-serif; background:#204496; color:#fff; }
.ek-footer-main{
  max-width:1200px; margin:0 auto; display:grid;
  grid-template-columns:1.5fr 1fr 1.25fr 1.2fr 1fr; gap:32px; padding:48px 24px;
}
.ek-footer-col h4{ color:#fff; font-family:'Poppins', sans-serif; font-size:20px; font-weight:700; margin:0 0 16px; }
.ek-footer-col h4.ek-mt{ margin-top:26px; }
.ek-footer-col ul{ list-style:none; margin:0; padding:0; }
.ek-footer-col li{ margin:0 0 6px; }
.ek-site-footer a{
  color:#fff; font-family:'Poppins', sans-serif; font-size:16px; font-weight:400;
  line-height:28px; text-decoration:none; transition:opacity .2s ease;
}
.ek-site-footer a:hover,
.ek-site-footer a:focus{ color:#fff !important; opacity:.82; }
.ek-footer-logo{ width:168px; height:auto; margin-bottom:18px; }
.ek-footer-addr, .ek-footer-text{ font-size:15px; line-height:26px; color:#eaf0fb; margin:0; }

.ek-footer-bottom{ background:#1b3a80; }
.ek-footer-bottom-inner{
  max-width:1200px; margin:0 auto; display:flex; align-items:center;
  justify-content:space-between; gap:16px; padding:16px 24px; flex-wrap:wrap;
}
.ek-copy{ margin:0; font-size:14px; line-height:22px; color:#dfe6f5; }
.ek-copy a{ font-size:14px; margin-left:3px; }
/* social — same colour PNG icons as the blog footer: 18×18 in a 36×36 circle, dark on hover */
.ek-footer-social{ display:flex; align-items:center; gap:20px; }
.ek-footer-social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%; padding:0; line-height:0;
  background:transparent; opacity:1 !important; transition:background-color .2s ease;
}
.ek-footer-social a:hover,
.ek-footer-social a:focus{ background:#121212; }
.ek-footer-social img{ width:18px; height:18px; display:block; }

@media (max-width:1024px){ .ek-footer-main{ grid-template-columns:1fr 1fr; gap:28px; } }
@media (max-width:640px){
  .ek-footer-main{ grid-template-columns:1fr; }
  .ek-footer-bottom-inner{ flex-direction:column; text-align:center; }
}

/* === CATEGORY ICONS (generated by preview/gen_cat_icons.py) === */
/* Home "Browse by Category" cards: the emoji in each card is hidden and replaced by a Lucide line icon that
   follows the card text colour. Matched on the category URL; new categories get a keyword or the generic icon. */
.ek-cat-grid > a > div:first-child{ font-size:0 !important; line-height:0; overflow:hidden; text-indent:-999px; width:46px; height:46px; margin:0 auto 10px !important;
  background-color:currentColor; -webkit-mask:var(--ek-cat-ico) center/contain no-repeat; mask:var(--ek-cat-ico) center/contain no-repeat;
  --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h4'/%3E%3Cpath d='M2 10h4'/%3E%3Cpath d='M2 14h4'/%3E%3Cpath d='M2 18h4'/%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cpath d='M9.5 8h5'/%3E%3Cpath d='M9.5 12H16'/%3E%3Cpath d='M9.5 16H14'/%3E%3C/svg%3E"); }
.ek-cat-grid > a{ color:#fff; }                                /* icon colour = card text colour (inline style wins) */
.ek-cat-grid > a[href*="alphabet"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 11h4.5a1 1 0 0 1 0 5h-4a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h3a1 1 0 0 1 0 5'/%3E%3Cpath d='m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16'/%3E%3Cpath d='M3.304 13h6.392'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="letter"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 11h4.5a1 1 0 0 1 0 5h-4a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h3a1 1 0 0 1 0 5'/%3E%3Cpath d='m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16'/%3E%3Cpath d='M3.304 13h6.392'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="phonic"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z'/%3E%3Cpath d='M16 9a5 5 0 0 1 0 6'/%3E%3Cpath d='M19.364 18.364a9 9 0 0 0 0-12.728'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="sound"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z'/%3E%3Cpath d='M16 9a5 5 0 0 1 0 6'/%3E%3Cpath d='M19.364 18.364a9 9 0 0 0 0-12.728'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="rhyme"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z'/%3E%3Cpath d='M16 9a5 5 0 0 1 0 6'/%3E%3Cpath d='M19.364 18.364a9 9 0 0 0 0-12.728'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="number"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5h10'/%3E%3Cpath d='M11 12h10'/%3E%3Cpath d='M11 19h10'/%3E%3Cpath d='M4 4h1v5'/%3E%3Cpath d='M4 9h2'/%3E%3Cpath d='M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="count"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v16'/%3E%3Cpath d='M9 4v16'/%3E%3Cpath d='M14 4v16'/%3E%3Cpath d='M19 4v16'/%3E%3Cpath d='M22 6 2 18'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="math"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cline x1='8' x2='16' y1='6' y2='6'/%3E%3Cline x1='16' x2='16' y1='14' y2='18'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="write"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z'/%3E%3Cpath d='m15 5 3 3'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="trac"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z'/%3E%3Cpath d='m15 5 3 3'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="animal"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='4' r='2'/%3E%3Ccircle cx='18' cy='8' r='2'/%3E%3Ccircle cx='20' cy='16' r='2'/%3E%3Cpath d='M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.045Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="pattern"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Ccircle cx='17.5' cy='17.5' r='3.5'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="shape"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Ccircle cx='17.5' cy='17.5' r='3.5'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="colour"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='black'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='black'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='black'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="color"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='black'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='black'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='black'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="match"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href*="word"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='12' r='3'/%3E%3Cpath d='M10 9v6'/%3E%3Ccircle cx='17' cy='12' r='3'/%3E%3Cpath d='M14 7v8'/%3E%3Cpath d='M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/alphabet-activities/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 11h4.5a1 1 0 0 1 0 5h-4a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h3a1 1 0 0 1 0 5'/%3E%3Cpath d='m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16'/%3E%3Cpath d='M3.304 13h6.392'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/alphabet-identification/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16'/%3E%3Cpath d='M22 9v7'/%3E%3Cpath d='M3.304 13h6.392'/%3E%3Ccircle cx='18.5' cy='12.5' r='3.5'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/alphabet-trace-and-write/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z'/%3E%3Cpath d='m15 5 3 3'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/alphabet-worksheets/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M16 12h2'/%3E%3Cpath d='M16 8h2'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3Cpath d='M6 12h2'/%3E%3Cpath d='M6 8h2'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/animal-sounds/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='4' r='2'/%3E%3Ccircle cx='18' cy='8' r='2'/%3E%3Ccircle cx='20' cy='16' r='2'/%3E%3Cpath d='M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.045Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/beginning-blends/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='15' cy='9' r='7'/%3E%3Ccircle cx='9' cy='15' r='7'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/circle-the-letter/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8.2 16.5 3.8-9 3.8 9'/%3E%3Cpath d='M9.6 13.2h4.8'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/circle-the-number/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9 7.5h6l-3.6 9'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/counting/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v16'/%3E%3Cpath d='M9 4v16'/%3E%3Cpath d='M14 4v16'/%3E%3Cpath d='M19 4v16'/%3E%3Cpath d='M22 6 2 18'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/cvc-words/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='12' r='3'/%3E%3Cpath d='M10 9v6'/%3E%3Ccircle cx='17' cy='12' r='3'/%3E%3Cpath d='M14 7v8'/%3E%3Cpath d='M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/how-many/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E%3Cline x1='4' x2='20' y1='15' y2='15'/%3E%3Cline x1='10' x2='8' y1='3' y2='21'/%3E%3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/learn-to-write/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4'/%3E%3Cpath d='M2 6h4'/%3E%3Cpath d='M2 10h4'/%3E%3Cpath d='M2 14h4'/%3E%3Cpath d='M2 18h4'/%3E%3Cpath d='M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/match-letters/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/match-numbers/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 3 4 4-4 4'/%3E%3Cpath d='M20 7H4'/%3E%3Cpath d='m8 21-4-4 4-4'/%3E%3Cpath d='M4 17h16'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/number-activities/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cline x1='8' x2='16' y1='6' y2='6'/%3E%3Cline x1='16' x2='16' y1='14' y2='18'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/number-identification/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5h10'/%3E%3Cpath d='M11 12h10'/%3E%3Cpath d='M11 19h10'/%3E%3Cpath d='M4 4h1v5'/%3E%3Cpath d='M4 9h2'/%3E%3Cpath d='M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/numbers-1-5/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='8' cy='8' r='1.4' fill='black'/%3E%3Ccircle cx='16' cy='8' r='1.4' fill='black'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='black'/%3E%3Ccircle cx='8' cy='16' r='1.4' fill='black'/%3E%3Ccircle cx='16' cy='16' r='1.4' fill='black'/%3E%3C/svg%3E"); }
.ek-cat-grid > a[href$="/patterns/"] > div:first-child{ --ek-cat-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Ccircle cx='17.5' cy='17.5' r='3.5'/%3E%3C/svg%3E"); }
/* === /CATEGORY ICONS === */