/*
Theme Name: GCTF Child
Theme URI: https://gctf.vncpc.org
Description: GCTF Child Theme — Taste-Skill Refactor. Clean, trust-first design for an NGO institutional site. Overrides Enfold defaults with a restrained, accessible design system.
Version: 1.0.0
Author: GCTF Team
Author URI: https://gctf.vncpc.org
Template: enfold
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gctf-child
*/

/*
 * GCTF Child Theme — Taste-Skill Design System
 * ============================================
 *
 * Design Read: NGO/Organization institutional site for public & partner audiences,
 *   trust-first language, clean typography + restrained color.
 *
 * Dials: VARIANCE=6, MOTION=3, DENSITY=4
 *
 * Palette (Trust-First Institutional):
 *   Primary:    #0d6b5e  (deep teal-green)
 *   Accent:     #d4872f  (warm amber)
 *   Neutral:    #f8fafc  (slate-50)
 *   Surface:    #ffffff
 *   Text:       #1e293b  (slate-800)
 *   Muted:      #64748b  (slate-500)
 *   Border:     #e2e8f0  (slate-200)
 *
 * Typography:
 *   System font stack (Vietnamese diacritic-safe):
 *   -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
 *   "Noto Sans", "Helvetica Neue", Arial, sans-serif
 *
 * Anti-Slop Guards:
 *   - No AI-purple gradients
 *   - No centered hero over dark mesh
 *   - No equal three-feature-card defaults
 *   - No generic glassmorphism
 *   - No Inter default
 *   - No beige+brass premium-consumer palette
 *
 * THIS FILE LOADS LAST — after avia-merged-styles + taste-refactor.
 * !important used here because Enfold dynamic CSS uses ultra-specific
 * selectors (#top .main_color a, .html_eutudo_backend #top a, etc.)
 * that beat taste-refactor's generic selectors.
 */

/* ================================================================
 * 1. LINK COLORS — Kill #719430 grass-green, use teal-green
 * ================================================================ */
a,
a:visited,
.main_color a,
#top a,
#top .main_color a,
#top #wrap_all a,
.html_eutudo_backend #top a,
.alternate_color a,
#socket a,
.widget a,
.avia_textblock a,
.entry-content a,
.sidebar a,
p a,
.av_textblock_section a {
    color: var(--gctf-primary) !important;
    text-decoration: none;
}
a:hover,
a:focus,
.main_color a:hover,
#top a:hover,
#top .main_color a:hover,
#top #wrap_all a:hover,
.alternate_color a:hover,
.widget a:hover,
.avia_textblock a:hover,
.entry-content a:hover,
.sidebar a:hover,
p a:hover {
    color: var(--gctf-primary-dark) !important;
    text-decoration: underline;
}

/* ================================================================
 * 2. BUTTON & ACCENT BACKGROUNDS — Kill #719430 grass-green
 * ================================================================ */
.avia-button,
.avia-button.avia-color-theme-color,
.avia-button.avia-color-dark,
.avia-button.avia-color-theme-color.avia-size-small,
.avia-button.avia-color-theme-color.avia-size-medium,
.avia-button.avia-color-theme-color.avia-size-large,
#top .avia-button,
#top .avia-button.avia-color-theme-color,
input[type="submit"],
button[type="submit"],
.wp-block-button__link,
.wp-block-button__link.has-background,
#top input[type="submit"],
#top button[type="submit"],
.avia-slideshow-button,
.avia-tooltip .avia-arrow,
.av-catalogue .av-catalogue-item,
.pagination .current,
.pagination a:hover,
.av-special-heading-tag,
.av_font_icon.av-icon-style-border .av-icon-char,
.avia-icon-list .iconlist_icon,
.av-masonry-entry .av-masonry-entry-title,
.progress-bar,
.main_color .pagination .current,
.more-link,
.read-more-link,
.av-share-box .av-share-link,
.avia-post-nav .entry-info,
.tagcloud a:hover,
#top .tagcloud a:hover {
    background-color: var(--gctf-primary) !important;
    border-color: var(--gctf-primary) !important;
}

.avia-button:hover,
.avia-button:focus,
input[type="submit"]:hover,
button[type="submit"]:hover,
.wp-block-button__link:hover,
#top .avia-button:hover,
.more-link:hover,
.read-more-link:hover {
    background-color: var(--gctf-primary-dark) !important;
    border-color: var(--gctf-primary-dark) !important;
}

/* Accent elements — amber #d4872f */
.avia_start_animation .avia-progress-bar .progress,
.avia-progress-bar div,
.av_font_icon.avia_start_animation .av-icon-char,
.avia-icon-list .iconlist-timeline,
::selection,
::-moz-selection {
    background-color: var(--gctf-primary) !important;
}

/* ================================================================
 * 3. HEADINGS & TEXT COLOR — Kill #444444, #666666, #919191
 * ================================================================ */
h1, h2, h3, h4, h5, h6,
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6,
.main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6,
.alternate_color h1, .alternate_color h2, .alternate_color h3,
.av-special-heading-tag,
.main-title,
.entry-title,
.post-title,
.widgettitle,
.avia-content-slider .slide-entry-title {
    color: var(--gctf-text) !important;
}

p, li, .avia_textblock p, .entry-content p,
.main_color p, .alternate_color p {
    color: var(--gctf-text) !important;
}

/* ================================================================
 * 4. NAVIGATION — Active/current item teal-green
 * ================================================================ */
.av-main-nav > li.current-menu-item > a,
.av-main-nav > li.current_page_item > a,
.av-main-nav > li.current-menu-ancestor > a,
#top .av-main-nav > li.current-menu-item > a,
#top .av-main-nav > li.current_page_item > a,
#header .av-main-nav > li.current-menu-item > a .avia-menu-text,
#header .av-main-nav > li.current_page_item > a .avia-menu-text,
.av-main-nav > li > a:hover,
#top .av-main-nav > li > a:hover,
.av-main-nav > li > a:focus,
.html_header_top .av-main-nav .current-menu-item > a {
    color: var(--gctf-primary) !important;
    background-color: transparent !important;
}

/* Nav underline — teal-green not grass-green */
#top #header .av-main-nav > li.current-menu-item > a .avia-menu-fx,
#top #header .av-main-nav > li.current_page_item > a .avia-menu-fx,
.av-main-nav > li > a:hover .avia-menu-fx,
.av-main-nav > li.current-menu-ancestor > a > .avia-menu-fx,
#header .avia-menu-fx,
.avia-menu-fx .avia-arrow {
    background-color: var(--gctf-primary) !important;
    border-color: var(--gctf-primary) !important;
}

/* ================================================================
 * 5. ACCENT COLOR — Amber #d4872f for highlights
 * ================================================================ */
.avia-content-slider .slide-meta,
.avia-content-slider .slide-meta a,
.news-time,
.slide-meta-time,
.av-magazine-time,
.av-masonry-date,
.post-meta-infos,
.av-vertical-delimiter,
span.taxonomy,
.minor-meta,
.av-special-heading .av-subheading,
.av-subheading_below,
.avia-testimonial-meta,
.widget .news-time,
.date-container,
.av-masonry-entry .av-masonry-date,
.news-headline .news-time {
    color: var(--gctf-accent) !important;
}

/* ================================================================
 * 6. BORDERS — Slate palette
 * ================================================================ */
.av-main-nav ul,
.widget,
.sidebar .widget,
.iconbox,
.avia-testimonial,
.avia-table,
.av-magazine-entry,
.grid-entry,
hr,
.wp-block-separator,
.avia-content-slider .slide-entry,
#top .container_wrap,
.container_wrap,
.avia-section .content {
    border-color: var(--gctf-border) !important;
}

/* ================================================================
 * 7. FORMS — Focus ring teal-green
 * ================================================================ */
input:focus,
textarea:focus,
select:focus,
#top input:focus,
#top textarea:focus {
    border-color: var(--gctf-primary) !important;
    box-shadow: 0 0 0 3px rgba(13, 107, 94, 0.15) !important;
    outline: none !important;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked,
#top input[type="checkbox"]:checked {
    accent-color: var(--gctf-primary) !important;
}