/*
Theme Name: GrowthLab Academy
Description: GrowthLab brand override para Academy LMS (child de Twenty Twenty-Five)
Template: twentytwentyfive
Version: 1.0.5
Text Domain: growthlab-academy
*/

/* =============================================
   GROWTHLAB ACADEMY — Brand Override CSS
   ============================================= */

/* --- Academy LMS global color tokens --- */
:root {
    --academy-primary-color:   #1161ed;
    --academy-secondary-color: #E8F0FE;
    --academy-primary-font:    "Space Grotesk", "Inter", sans-serif;
    --academy-border-color:    #DDE6F8;
    --academy-gray-color:      #F4F7FF;
}

/* --- All aBlocks buttons → GrowthLab blue --- */
.ablocks-button {
    background-color: #1161ed !important;
    border-color: #1161ed !important;
    color: #ffffff !important;
}
.ablocks-button:hover,
.ablocks-button:focus {
    background-color: #0d4ecf !important;
    border-color: #0d4ecf !important;
    color: #ffffff !important;
}

/* --- aBlocks outline / ghost buttons --- */
.ablocks-button[style*="transparent"],
.ablocks-button[style*="rgba"] {
    border-color: #1161ed !important;
    color: #1161ed !important;
}
.ablocks-button[style*="transparent"]:hover {
    background-color: #1161ed !important;
    color: #ffffff !important;
}

/* --- Navigation link color fix (currently teal #136E61) --- */
.ablocks-main-menu .ablocks-menu-item > a,
.ablocks-main-menu > .ablocks-menu-item > a,
.ablocks-block--menu .ablocks-menu-item-link {
    color: #101828 !important;
}
.ablocks-main-menu .ablocks-menu-item > a:hover,
.ablocks-block--menu .ablocks-menu-item-link:hover {
    color: #1161ed !important;
}

/* --- Academy LMS course/button elements --- */
.academy-btn-primary,
.academy-btn,
.btn-primary,
.academy-course-enroll-btn,
.academy-sidebar__enroll-btn,
.academy-checkout-btn {
    background-color: #1161ed !important;
    border-color: #1161ed !important;
    color: #ffffff !important;
}
.academy-btn-primary:hover,
.academy-btn:hover,
.academy-course-enroll-btn:hover {
    background-color: #0d4ecf !important;
    border-color: #0d4ecf !important;
}

/* --- Academy LMS progress bar & badges --- */
.academy-course-card__progress-bar .progress-fill,
.academy-progress-bar-fill,
.academy-badge,
.academy-course-level {
    background-color: #1161ed !important;
}

/* --- StoreEngine purchase buttons --- */
.storeengine-btn,
.storeengine-checkout-btn,
.se-btn-primary {
    background-color: #1161ed !important;
    border-color: #1161ed !important;
}

/* --- Global links --- */
a { color: #1161ed; }
a:hover { color: #0d4ecf; }

/* --- Fonts --- */
body, p, span, li, td, th,
input, select, textarea, button {
    font-family: "Space Grotesk", "Inter", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Space Grotesk", "Inter", sans-serif;
    font-weight: 600;
}

/* --- Header tint fix (keep white/light, not dark) --- */
.wp-block-template-part > div:first-child {
    background-color: #ffffff;
}

/* ── Academy LMS widget color overrides (aBlocks generates these from LMS settings) ── */

/* Enrollment CTA link (background was #7B68EE) */
.academy-enroll-form-shortcode__continue a,
.academy-enroll-form-shortcode__continue a:link,
.academy-enroll-form-shortcode__continue a:visited,
.academy-enroll-form-shortcode__continue a:hover {
    background: #1161ed !important;
    background-color: #1161ed !important;
    color: #ffffff !important;
}

/* Enroll form checkout button (color was #1570EF) */
.academy-widget-enroll__add-to-cart form button,
.academy-enroll-form .academy-btn,
.academy-enroll-form button[type="submit"] {
    color: #ffffff !important;
    background-color: #1161ed !important;
    border-color: #1161ed !important;
}

/* Enrolled-info state (was color:#7b68ee background:#eae8fa) */
.academy-widget-enroll__enrolled-info,
.academy-widget-enroll__enrolled-info * {
    color: #1161ed !important;
    background-color: #E8F0FE !important;
}

/* Academy LMS global primary color token — override via wp_head priority 9999 in functions.php */

/* Catch-all for any remaining purple/lavender text colors */
.ablocks-block-8a8b539d-6d72-4e79-bfaf-93ab4865d0f4,
.ablocks-block-8a8b539d-6d72-4e79-bfaf-93ab4865d0f4 * {
    --academy-primary-color: #1161ed;
    --academy-secondary-color: #E8F0FE;
}
.ablocks-block-8a8b539d-6d72-4e79-bfaf-93ab4865d0f4 [style*="7b68ee"],
.ablocks-block-8a8b539d-6d72-4e79-bfaf-93ab4865d0f4 [style*="7B68EE"] {
    background-color: #1161ed !important;
    color: #1161ed !important;
}

/* Dark teal fallbacks (any remaining #093b3b in inline styles) */
[style*="093b3b"],
[style*="093B3B"] {
    background-color: #0d1421 !important;
    color: #0d1421 !important;
}

/* Drop-caps first-letter color (#0f2aff SkillUp blue → GL blue) */
.ablocks-paragraph-text-drop-caps::first-letter {
    color: #1161ed !important;
}



/* ════════════════════════════════════════════════════
   GL ACADEMY HERO — wp:cover block (inserted at top of homepage)
   ════════════════════════════════════════════════════ */

/* Hero cover block inner layout */
.gl-academy-hero .wp-block-cover__inner-container {
    max-width: 860px;
    margin: 0 auto;
    padding: 5rem 1.5rem;
}

/* Hero typography */
.gl-academy-hero h1.wp-block-heading {
    font-family: "Space Grotesk", "Inter", sans-serif !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 16px rgba(0,0,0,0.3);
}

.gl-academy-hero p {
    font-family: "Space Grotesk", "Inter", sans-serif !important;
    color: #c8d6f0 !important;
}

/* Hero primary button */
.gl-academy-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link {
    background-color: #1161ed !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-family: "Space Grotesk", "Inter", sans-serif !important;
    font-weight: 600 !important;
    border: 2px solid #1161ed !important;
    box-shadow: 0 4px 14px rgba(17,97,237,0.45);
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}
.gl-academy-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    background-color: #0d4ecf !important;
    border-color: #0d4ecf !important;
    box-shadow: 0 6px 20px rgba(17,97,237,0.55);
    transform: translateY(-1px);
}

/* Hero outline button */
.gl-academy-hero .wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid rgba(255,255,255,0.7) !important;
    border-radius: 8px !important;
    font-family: "Space Grotesk", "Inter", sans-serif !important;
    font-weight: 600 !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}
.gl-academy-hero .wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,1) !important;
    transform: translateY(-1px);
}

/* ── Logo carousel section (brand logos strip) ─── */
/* Reduce oversized padding around the logo carousel */
.ablocks-block-e4873a2d-5e65-428a-9d6e-d6f818d195fd.ablocks-block--container {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    background-color: #f9fafb !important;
}

/* Ensure carousel logos are visible and not oversized */
[class*="ablocks-block-f66f8aa6"] .ablocks-image img {
    max-height: 40px;
    width: auto;
    object-fit: contain;
    filter: grayscale(0.3) opacity(0.85);
    transition: filter 0.2s ease;
}
[class*="ablocks-block-f66f8aa6"] .ablocks-image img:hover {
    filter: grayscale(0) opacity(1);
}

/* ── aBlocks navigation menu (header) ───────────── */
.ablocks-block--menu .ablocks-menu-item__link {
    font-family: "Space Grotesk", "Inter", sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
}

/* ── Category section buttons ───────────────────── */
.ablocks-block--button .ablocks-button {
    font-family: "Space Grotesk", "Inter", sans-serif !important;
}

/* ── Course cards ───────────────────────────────── */
.academy-course-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.academy-course-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

/* ── Footer links ───────────────────────────────── */
.ablocks-block--container footer a { color: #cbd5f5; }
.ablocks-block--container footer a:hover { color: #ffffff; }

/* ===== PHASE 2 POLISH (gl) ===== */
/* Distinct category icons (white on blue pill) */
a.ablocks-button[href*="/course-category/branding-and-identity/"] img.ablocks-image-icon{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2713.5%27%20cy%3D%276.5%27%20r%3D%27.6%27%2F%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2710.5%27%20r%3D%27.6%27%2F%3E%3Ccircle%20cx%3D%278.5%27%20cy%3D%277.5%27%20r%3D%27.6%27%2F%3E%3Ccircle%20cx%3D%276.5%27%20cy%3D%2712.5%27%20r%3D%27.6%27%2F%3E%3Cpath%20d%3D%27M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010c.93%200%201.65-.75%201.65-1.69%200-.44-.18-.83-.44-1.12-.29-.29-.44-.65-.44-1.13a1.64%201.64%200%200%201%201.67-1.67h2c3.05%200%205.55-2.5%205.55-5.55C22%206%2017.5%202%2012%202z%27%2F%3E%3C%2Fsvg%3E");width:40px;height:40px;}
a.ablocks-button[href*="/course-category/webapp-design/"] img.ablocks-image-icon{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%272%27%20width%3D%2714%27%20height%3D%2720%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M12%2018h.01%27%2F%3E%3C%2Fsvg%3E");width:40px;height:40px;}
a.ablocks-button[href*="/course-category/digital-marketing/"] img.ablocks-image-icon{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m3%2011%2018-5v12L3%2014v-3z%27%2F%3E%3Cpath%20d%3D%27M11.6%2016.8a3%203%200%201%201-5.8-1.6%27%2F%3E%3C%2Fsvg%3E");width:40px;height:40px;}
a.ablocks-button[href*="/course-category/web-design/"] img.ablocks-image-icon{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%273%27%20width%3D%2720%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%2021h8M12%2017v4%27%2F%3E%3C%2Fsvg%3E");width:40px;height:40px;}
a.ablocks-button[href*="/course-category/content-creation/"] img.ablocks-image-icon{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2020h9%27%2F%3E%3Cpath%20d%3D%27M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4%2012.5-12.5z%27%2F%3E%3C%2Fsvg%3E");width:40px;height:40px;}
a.ablocks-button[href*="/course-category/social-media-management/"] img.ablocks-image-icon{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%275%27%20r%3D%273%27%2F%3E%3Ccircle%20cx%3D%276%27%20cy%3D%2712%27%20r%3D%273%27%2F%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2719%27%20r%3D%273%27%2F%3E%3Cpath%20d%3D%27m8.6%2013.5%206.8%204M15.4%206.5l-6.8%204%27%2F%3E%3C%2Fsvg%3E");width:40px;height:40px;}
a.ablocks-button[href*="/course-category/ui-ux-design/"] img.ablocks-image-icon{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M3%209h18M9%2021V9%27%2F%3E%3C%2Fsvg%3E");width:40px;height:40px;}
a.ablocks-button[href*="/course-category/"]{transition:transform .16s ease;}
a.ablocks-button[href*="/course-category/"]:hover{transform:translateY(-3px);}
a.ablocks-button[href*="/course-category/"] img.ablocks-image-icon{transition:transform .16s ease;}
a.ablocks-button[href*="/course-category/"]:hover img.ablocks-image-icon{transform:scale(1.08);}
/* Course meta: declutter duration + lessons (no blue pill, subtle gray + labels) */
.ablocks-block-aa80a365-b9f5-4096-afb6-2cb261f59a0f a.ablocks-button,.ablocks-block-08ade73b-af50-4f94-8cec-2fa18475e31f a.ablocks-button{background:transparent!important;padding-left:0!important;}
.ablocks-block-aa80a365-b9f5-4096-afb6-2cb261f59a0f .ablocks-button__text,.ablocks-block-08ade73b-af50-4f94-8cec-2fa18475e31f .ablocks-button__text{color:#475467!important;font-weight:500!important;}
.ablocks-block-aa80a365-b9f5-4096-afb6-2cb261f59a0f img.ablocks-image-icon{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23667085%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%207v5l3%202%27%2F%3E%3C%2Fsvg%3E");width:16px;height:16px;}
.ablocks-block-08ade73b-af50-4f94-8cec-2fa18475e31f img.ablocks-image-icon{content:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23667085%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%27%2F%3E%3Cpath%20d%3D%27M14%202v6h6%27%2F%3E%3Cpath%20d%3D%27M8%2013h8M8%2017h5%27%2F%3E%3C%2Fsvg%3E");width:16px;height:16px;}
.ablocks-block-aa80a365-b9f5-4096-afb6-2cb261f59a0f .ablocks-button__text::after{content:" h";color:#667085;}
.ablocks-block-08ade73b-af50-4f94-8cec-2fa18475e31f .ablocks-button__text::after{content:" lecciones";color:#667085;}
/* Author: subtle, not a blue pill */
.ablocks-block-71b0fd2a-3b3b-4112-a8d8-66ea9a82f110 a.ablocks-button{background:transparent!important;padding-left:0!important;}
.ablocks-block-71b0fd2a-3b3b-4112-a8d8-66ea9a82f110 .ablocks-button__text{color:#475467!important;font-weight:500!important;}
/* Difficulty chip: hide wrong icon, color BY LEVEL (class added by JS) */
.ablocks-block-49f6e1e2-008e-4b69-a056-e2529eeaf6ff .ablocks-icon-wrap{display:none!important;}
.ablocks-block-49f6e1e2-008e-4b69-a056-e2529eeaf6ff a.ablocks-button{padding-left:14px!important;}
.ablocks-block-49f6e1e2-008e-4b69-a056-e2529eeaf6ff.gl-lvl-beg a.ablocks-button{background:#dcfce7!important;}.ablocks-block-49f6e1e2-008e-4b69-a056-e2529eeaf6ff.gl-lvl-beg .ablocks-button__text{color:#166534!important;}
.ablocks-block-49f6e1e2-008e-4b69-a056-e2529eeaf6ff.gl-lvl-int a.ablocks-button{background:#fef3c7!important;}.ablocks-block-49f6e1e2-008e-4b69-a056-e2529eeaf6ff.gl-lvl-int .ablocks-button__text{color:#92400e!important;}
.ablocks-block-49f6e1e2-008e-4b69-a056-e2529eeaf6ff.gl-lvl-adv a.ablocks-button{background:#ffe4e6!important;}.ablocks-block-49f6e1e2-008e-4b69-a056-e2529eeaf6ff.gl-lvl-adv .ablocks-button__text{color:#9f1239!important;}
.ablocks-block-49f6e1e2-008e-4b69-a056-e2529eeaf6ff.gl-lvl-all a.ablocks-button{background:#e2e8f0!important;}.ablocks-block-49f6e1e2-008e-4b69-a056-e2529eeaf6ff.gl-lvl-all .ablocks-button__text{color:#334155!important;}
/* ===== END PHASE 2 ===== */