/*
 Theme Name:   Astra Child — GoldenTech
 Theme URI:    https://goldentech.ai
 Description:  GoldenTech AI child theme for Astra. Custom CSS and template overrides.
 Author:       GoldenTech AI
 Author URI:   https://goldentech.ai
 Template:     astra
 Version:      1.0.1
 Text Domain:  astra-child-goldentech
*/

/*
 ============================================================
 GoldenTech Brand Variables
 ============================================================
 Primary (burnt orange):  #C04A1A
 Deep red/maroon:         #8B1A1A
 Gold accent:             #F5A623
 Teal accent:             #3DBDB8
 Purple accent:           #6B4FA0
 White:                   #FFFFFF
 ============================================================
*/

:root {
    --gt-primary:   #C04A1A;
    --gt-maroon:    #8B1A1A;
    --gt-gold:      #F5A623;
    --gt-teal:      #3DBDB8;
    --gt-purple:    #6B4FA0;
}

/* ── Typography ─────────────────────────────────────── */
/* Add custom font or style overrides here */

/* ── Buttons ─────────────────────────────────────────── */
/* Primary CTA button */
.gt-btn-primary {
    background-color: var(--gt-primary);
    color: #fff;
    border-radius: 4px;
    padding: 14px 32px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
}

.gt-btn-primary:hover {
    background-color: var(--gt-maroon);
    color: #fff;
}

/* Secondary CTA button */
.gt-btn-secondary {
    background-color: var(--gt-teal);
    color: #fff;
    border-radius: 4px;
    padding: 14px 32px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
}

/* ── Branded CTA block (used in blog posts) ─────────── */
.gt-cta-block {
    background: #f9f5f2;
    border-left: 4px solid var(--gt-primary);
    padding: 20px 24px;
    margin: 32px 0;
    border-radius: 4px;
}

/* ── Table styles ────────────────────────────────────── */
.gt-table th {
    background-color: var(--gt-maroon);
    color: #fff;
    padding: 12px 16px;
    text-align: left;
}

.gt-table td {
    padding: 10px 16px;
    border-bottom: 1px solid #ddd;
}

.gt-table tr:nth-child(even) td {
    background: #f9f5f2;
}

/* ── Add custom styles below this line ───────────────── */

/* ── UAG container alignment fix ────────────────────── */
/* Constrain UAG inner blocks to match our 1100px custom sections.
   UAG uses high specificity so we use !important selectively here. */

/* What Sets Us Apart section */
.uagb-block-6d0d8e33.uagb-is-root-container > .uagb-container-inner-blocks-wrap,
body .uagb-block-6d0d8e33 > .uagb-container-inner-blocks-wrap {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    box-sizing: border-box !important;
}

/* Ready to Elevate CTA section */
.uagb-block-2a9574c8.uagb-is-root-container > .uagb-container-inner-blocks-wrap,
body .uagb-block-2a9574c8 > .uagb-container-inner-blocks-wrap {
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    box-sizing: border-box !important;
    text-align: center;
}

/* ── What Sets Us Apart — info-box row ──────────────── */
body .uagb-block-e5fd540e {
    display: flex !important;
    gap: 30px;
    align-items: flex-start;
    flex-wrap: wrap;
}

body .uagb-block-e5fd540e > .wp-block-uagb-info-box {
    flex: 1;
    min-width: 220px;
}

/* ── Nav wrapping fix (medium viewports) ─────────────── */
@media (min-width: 922px) and (max-width: 1200px) {
    .main-header-menu .menu-item > .menu-link {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 0.82em;
    }
}