/* Artixen Academy v0.4.2 - approved design and WC refinements. */

/* 01: proper icon instead of a typed-down-arrow character. */
.aa-dropdown-toggle{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;}
.aa-dropdown-toggle>.icon{width:14px;height:14px;transition:transform .18s ease;}
.aa-dropdown.aa-dropdown-open .aa-dropdown-toggle>.icon{transform:rotate(180deg);}

/* 03/04/06: hero rhythm and lesson tiles must never be clipped. */
.hero-grid>div:first-child{min-width:0;}
.hero-grid>div:first-child>h1:first-child{margin-top:0;}
.hero-graphic{min-height:540px;overflow:visible;}
.hero-back{inset:18px 5px 19px 34px;}
.hero-window{inset:70px 27px 67px 70px;display:flex;flex-direction:column;
    overflow:visible;padding:22px 25px;}
.hero-window .window-kicker{margin-top:20px;}
.hero-window h3{margin:12px 0;line-height:1.23;}
.hero-window p{margin-bottom:18px;}
.hero-window .lesson-row{margin-top:auto;padding-top:18px;flex-shrink:0;}
.hero-window .lesson{min-width:0;}
.hero-graphic .float-two{bottom:5px;right:-8px;}
.hero p{overflow-wrap:break-word;}

/* 07: cleaner Academy graphic, new practical-learning claim. */
.about-card:after{right:-125px;bottom:-135px;width:295px;height:295px;
    box-shadow:0 0 0 46px #ffffff06,0 0 0 90px #ffffff05;}
.about-card .about-card-tagline{display:flex;align-items:center;gap:9px;
    font-size:13px;line-height:1.5;font-weight:600;color:#c8f5f4;max-width:100%;}
.about-card .about-card-tagline .icon{width:18px;height:18px;color:#79e7e7;}
.about-card h3{position:relative;}

/* 08/09/10: centered benefit labels regardless of text length. */
.about-benefits{margin-bottom:0;}
.about-benefit{display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;gap:10px;min-height:120px;padding:18px 12px;}
.about-benefit .icon{margin:0;display:block;flex-shrink:0;}

/* 11-14: footer after link/content changes. */
.footer-grid>div:first-child p{max-width:320px;}
.footer-bottom nav{align-items:center;row-gap:12px;}
.footer-bottom nav a{line-height:1.5;}
.footer-grid>div>a[href^="mailto:"]{overflow-wrap:anywhere;}

/* 16/17/18: visual consistency of category tiles and their icon wrappers. */
.category-tiles .category-tile{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;
    align-items:center;gap:12px;min-height:88px;padding:16px;border-radius:13px;}
.category-tiles .category-icon{display:grid;place-items:center;align-self:center;
    margin:0!important;width:42px;height:42px;min-width:42px;border-radius:10px;}
.category-tiles .category-icon>.icon{width:22px;height:22px;stroke-width:1.8;}
.category-tiles .tile-label{display:block;margin:0;line-height:1.35;font-size:14px;font-weight:700;min-width:0;}
.category-tiles .tile-arrow{display:grid;place-items:center;align-self:center;}
.category-tiles .tile-arrow>.icon{height:17px;width:17px;}

/* Preserve Inter also on course buy controls with legacy Arial shorthand. */
.checkout-card .single_add_to_cart_button{font-family:var(--aa-font, "Inter", Arial, sans-serif);}

/* 22: remove fixed page-content cap, then use full available 2-column account layout. */
.woocommerce-account .aa-entry-content{max-width:none;width:100%;}
.woocommerce-account .aa-entry-content>.woocommerce{max-width:none;width:100%;}
.woocommerce-account .aa-entry-content>.woocommerce:has(> .woocommerce-MyAccount-navigation){
    display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
    float:none!important;width:auto!important;max-width:none!important;min-width:0;
}
.woocommerce-account .woocommerce-MyAccount-navigation{grid-column:1;}
.woocommerce-account .woocommerce-MyAccount-content{grid-column:2;}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info{
    display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:14px;
    position:relative;min-width:0;padding:18px 20px 18px 48px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before{
    left:18px;top:18px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button{
    float:none!important;margin-left:auto;white-space:normal;text-align:center;
}

@media(max-width:900px){
    .hero-graphic{max-width:560px;min-height:515px;}
    .hero-window{inset:65px 25px 68px 67px;}
    .about-benefit{min-height:110px;}
}
@media(max-width:740px){
    .woocommerce-account .aa-entry-content>.woocommerce:has(> .woocommerce-MyAccount-navigation){
        grid-template-columns:minmax(0,1fr);gap:20px;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content{grid-column:1;}
    .woocommerce-account .woocommerce-MyAccount-content{padding:20px;}
}
@media(max-width:600px){
    .hero-graphic{min-height:435px;max-width:460px;}
    .hero-back{inset:20px 10px 16px 20px;}
    .hero-window{inset:50px 20px 53px 38px;padding:16px 14px;}
    .hero-window .window-kicker{margin-top:14px;font-size:9px;letter-spacing:1.1px;}
    .hero-window h3{font-size:19px;margin:9px 0;}
    .hero-window p{font-size:10px;line-height:1.55;margin-bottom:11px;}
    .hero-window .lesson-row{padding-top:12px;}
    .hero-window .lesson{height:45px;}
    .hero-graphic .float-two{right:-2px;bottom:0;}
    .about-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
    .about-benefit{padding:12px 7px;min-height:115px;font-size:11px;}
    .category-tiles .category-tile{grid-template-columns:34px minmax(0,1fr) 14px;min-height:78px;gap:8px;padding:12px 9px;}
    .category-tiles .category-icon{width:34px;height:34px;min-width:34px;}
    .category-tiles .category-icon>.icon{width:19px;height:19px;}
    .category-tiles .tile-label{font-size:12px;}
    .category-tiles .tile-arrow{display:grid;}
    .category-tiles .tile-arrow>.icon{width:13px;height:13px;}
}
@media(max-width:400px){
    .hero-graphic{min-height:470px;}
    .hero-window{inset:54px 15px 60px 28px;}
    .hero-window h3{font-size:18px;}
    .about-benefits{grid-template-columns:1fr;gap:9px;}
    .about-benefit{min-height:86px;}
    .category-tiles{grid-template-columns:1fr;}
    .category-tiles .tile-label{font-size:14px;}
}
@media(prefers-reduced-motion:reduce){.aa-dropdown-toggle>.icon{transition:none;}}