/* Artixen Academy 0.4.4: corrections 31–41; original branding and four-column footer retained. */

/* 31. Real separation between unmodified footer logo and brand description. */
.footer-grid .footer-logo { margin-bottom:24px; }

/* 32. Expand illustration to keep the slide selection away from the panel border. */
.hero-graphic { min-height:565px; }
.hero-window.aa-learning-slider {
  inset:61px 24px 43px 60px;
  padding:26px 27px 29px;
  overflow:visible;
}
.aa-learning-slider .aa-slide-stage { margin-top:auto; margin-bottom:19px; }
.aa-learning-slider .aa-slider-controls { flex-shrink:0; }
.aa-learning-slider .aa-slider-dots {display:flex;align-items:center;gap:9px;padding-bottom:17px;}
.aa-learning-slider .aa-slide-dot {
  appearance:none;-webkit-appearance:none;display:block;flex:0 0 10px;
  width:10px;height:10px;padding:0;border:1px solid #6CBFC5;
  border-radius:50%;background:#345A64;cursor:pointer;
  transition:background-color .17s,border-color .17s,transform .17s;
}
.aa-learning-slider .aa-slide-dot:hover {background:#A6E3E6;transform:scale(1.15);}
.aa-learning-slider .aa-slide-dot.is-active {background:#39CED8;border-color:#39CED8;}
.aa-learning-slider .aa-slide-dot:focus-visible {outline:3px solid #8EEAF0;outline-offset:4px;}

/* 33–34. Align all three semantic badges to a single scale. */
.hero .trust-item {min-width:0;max-width:none;gap:9px;}
.hero .trust-icon {display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;}
.hero .trust-icon .icon {width:18px;height:18px;stroke-width:1.85;}
.hero .trust-item:last-child {max-width:none;}

/* 35. Semantic two-line headline at desktop; natural wrapping on phones. */
.about .aa-about-last-line {display:block;white-space:nowrap;}

/* 37. Richer connected-learning illustration in WooCommerce catalog header. */
.intro-decoration.aa-learning-path {
  box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;
  align-items:stretch;gap:0;justify-self:end;position:relative;
  width:min(100%,260px);height:218px;padding:18px 14px 13px;
  border:1px solid #C2E5E9;border-radius:21px;
  transform:none;background:linear-gradient(145deg,rgba(255,255,255,.94),#E6F6F7);
  box-shadow:0 18px 42px rgba(0,100,115,.085);overflow:hidden;
}
.intro-decoration.aa-learning-path::after {
  content:'';pointer-events:none;position:absolute;inset:auto -35px -92px auto;
  width:170px;height:170px;border:1px solid #81D4DB;border-radius:50%;
  box-shadow:0 0 0 31px rgba(66,186,199,.04);z-index:0;
}
.aa-learning-path .aa-path-caption {
  z-index:1;color:#006F7A;letter-spacing:1.3px;font-size:10px;
  font-weight:800;line-height:1.4;text-align:center;
}
.intro-decoration.aa-learning-path svg {position:relative;z-index:1;width:100%;height:147px;overflow:visible;flex:1;}
.aa-learning-path .aa-path-footer {z-index:1;display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#47717B;font-weight:650;letter-spacing:.1px;}

/* 40–41. Room for longer approved descriptions without cutting them off. */
.category-grid .category {height:auto;min-height:246px;}
.category-grid .category p {overflow:visible;display:block;line-height:1.58;}

@media (max-width:900px) {
  .hero-graphic {min-height:555px;}
  .hero-window.aa-learning-slider {inset:55px 26px 43px 61px;}
  .intro-decoration.aa-learning-path {width:min(100%,230px);height:209px;}
}
@media (max-width:600px) {
  .hero-graphic {min-height:535px;}
  .hero-window.aa-learning-slider {inset:38px 14px 39px 34px;padding:19px 17px 24px;}
  .aa-learning-slider .aa-slide-stage {margin-bottom:17px;}
  .aa-learning-slider .aa-slide-dot {width:11px;height:11px;flex-basis:11px;}
  .about .aa-about-last-line {display:inline;white-space:normal;}
  .category-grid .category {min-height:242px;}
  .footer-grid .footer-logo {margin-bottom:22px;}
}
@media (max-width:400px) {
  .hero-graphic {min-height:548px;}
  .hero-window.aa-learning-slider {inset:36px 10px 38px 23px;padding:18px 12px 23px;}
  .aa-learning-slider .aa-slide-stage {min-height:128px;}
}
@media (prefers-reduced-motion:reduce) {
  .aa-learning-slider .aa-slide-dot {transition:none;}
}
