/*
Theme Name: Rosenthal-Levy Scholars - University of Texas
Theme URI:
Author: GoodFolk Inc.
Author URI: https://rockstarcoders.com/
Description: University of Texas at Austin branded child theme for the Rosenthal Levy Scholars Program
Template: tikvah-rl
Tags: university-of-texas, ut, longhorns, austin
Version: 1.0
Requires at least: 6.6.2
Tested up to: 6.6.2
Requires PHP: 8.2
Text Domain: tikvah-ut
*/

/*
 * University of Texas Brand Colors
 * Source: https://umac.utexas.edu/brand-center/colors/
 * ----------------------------------
 *
 * PRIMARY:
 * - Burnt Orange: #bf5700 (PMS 159)
 * - White: #ffffff
 *
 * SECONDARY/SUPPORTIVE:
 * - Charcoal: #333f48 (PMS 432)
 * - Secondary Orange: #f8971f (PMS 2011)
 * - Limestone: #d6d2c4 (PMS 7527)
 * - Blue Gray: #9cadb7 (PMS 7543)
 *
 * ACCENT:
 * - Teal Dark: #005f86 (PMS 7469)
 * - Teal: #00a9b7 (PMS 320)
 * - Green: #579d42 (PMS 2277)
 * - Green Light: #a6cd57 (PMS 2300)
 * - Yellow: #ffd600 (PMS 116)
 */

/* ==========================================================================
   CSS Custom Properties for UT Branding
   ========================================================================== */

:root {
    /* UT Primary Colors */
    --ut-burnt-orange: #bf5700;
    --ut-burnt-orange-rgb: 191, 87, 0;
    --ut-burnt-orange-hover: #a34b00;
    --ut-burnt-orange-hover-rgb: 163, 75, 0;
    --ut-white: #ffffff;
    --ut-white-rgb: 255, 255, 255;
    
    /* UT Secondary/Supportive Colors */
    --ut-charcoal: #333f48;
    --ut-charcoal-rgb: 51, 63, 72;
    --ut-charcoal-hover: #252e35;
    --ut-charcoal-hover-rgb: 37, 46, 53;
    --ut-secondary-orange: #f8971f;
    --ut-secondary-orange-rgb: 248, 151, 31;
    --ut-limestone: #d6d2c4;
    --ut-limestone-rgb: 214, 210, 196;
    --ut-blue-gray: #9cadb7;
    --ut-blue-gray-rgb: 156, 173, 183;
    
    /* UT Accent Colors */
    --ut-teal-dark: #005f86;
    --ut-teal-dark-rgb: 0, 95, 134;
    --ut-teal-darker: #004a6b;
    --ut-teal-darker-rgb: 0, 74, 107;
    --ut-teal: #00a9b7;
    --ut-teal-rgb: 0, 169, 183;
    --ut-green: #579d42;
    --ut-green-rgb: 87, 157, 66;
    --ut-green-light: #a6cd57;
    --ut-green-light-rgb: 166, 205, 87;
    --ut-yellow: #ffd600;
    --ut-yellow-rgb: 255, 214, 0;
}

/* ==========================================================================
   Override UF Blue (#0021A5) with UT Teal Dark (#005f86)
   ========================================================================== */

/* Logo colors - UT branding */
.header__branding-icon .logo-blue path,
.header__branding-link .logo-blue path,
svg .logo-blue path {
    fill: var(--ut-teal-dark) !important;
}

.header__branding-icon .logo-orange path,
.header__branding-link .logo-orange path,
svg .logo-orange path {
    fill: var(--ut-burnt-orange) !important;
}

/* Text colors - replace UF Blue with UT Burnt Orange for section titles */
.MContentCard__eyebrow,
.MIntro__eyebrow,
.MIntro__title,
.content__title,
.intro__title {
    color: var(--ut-burnt-orange) !important;
}

/* Content card titles - keep UT Teal Dark */
.MContentCard__title,
.MContentCard__title a {
    color: var(--ut-teal-dark) !important;
}

/* Border colors - section headlines use UT Burnt Orange */
.content__title {
    border-bottom-color: var(--ut-burnt-orange) !important;
}

/* List markers and checkmarks - replace UF Blue with UT Teal Dark */
.MIntro__description ul li::marker,
.content__description ol li::marker,
.content__description ul li::marker,
.intro__description ul.checkmarks li::before {
    color: var(--ut-teal-dark) !important;
}

/* ==========================================================================
   Override UF Orange (#FA4616) with UT Burnt Orange (#bf5700)
   ========================================================================== */

/* Background colors - replace UF Orange with UT Burnt Orange */
.MButton--outline-black .MButton__line,
.MButton--outline-orange .MButton__line,
.MButton:not(.button--light),
.button:not(.button--light),
.MIntro__line,
.UHeader__menuItem--active::after,
.UHeroVideo__arrow--left,
.UHeroVideo__arrow--right,
.MArticleCard__line {
    background: var(--ut-burnt-orange) !important;
    background-color: var(--ut-burnt-orange) !important;
}

/* Light buttons should remain white with dark text */
.button--light,
.button.button--light {
    background: var(--ut-white) !important;
    background-color: var(--ut-white) !important;
    color: #333f48 !important; /* UT Charcoal for text */
}

.button--light:hover,
.button.button--light:hover {
    background: #f0f0f0 !important;
    background-color: #f0f0f0 !important;
    color: #333f48 !important;
}

/* Hover background colors (but not light buttons) */
.MButton:not(.button--light):hover,
.button:not(.button--light):hover {
    background-color: var(--ut-burnt-orange-hover) !important;
}

/* Text colors - replace UF Orange with UT Burnt Orange */
.MContentCard__link,
.MContentCard__link:hover,
.MContentCard__description a,
.MIntro__link,
.MIntro__link:hover,
.MPersonCard__link,
.MList__link,
.MProfessorList__item a:hover,
.UFooter__link:hover,
.UHeader__menuItem:hover,
.header__nav-list-item-link:hover,
a.header__nav-list-item-link:hover,
.header__nav-dropdown-item a:hover,
.header__nav-dropdown-item a[aria-current] {
    color: var(--ut-burnt-orange) !important;
}

/* Border colors - replace UF Orange with UT Burnt Orange */
.MButton--outline-orange {
    border-color: var(--ut-burnt-orange) !important;
}

.MButton--outline-orange:hover {
    border-color: var(--ut-burnt-orange-hover) !important;
}

/* Border for images with left alignment (default) */
.content--with-image .content__image {
    border-right-color: var(--ut-burnt-orange) !important;
}

/* Border for images with right alignment */
.content--right-image .content__image {
    border-left-color: var(--ut-burnt-orange) !important;
    border-right-color: transparent !important;
}

/* Hero video arrows */
.UHeroVideo__arrow--left::before {
    border-right-color: var(--ut-burnt-orange) !important;
}

.UHeroVideo__arrow--right::before {
    border-left-color: var(--ut-burnt-orange) !important;
}

/* Article card hover states */
.article-card:hover .article-card__icon,
.MArticleCard:hover .MArticleCard__icon {
    color: var(--ut-burnt-orange) !important;
}

.article-card:hover::after,
.MArticleCard:hover::after {
    border-color: var(--ut-burnt-orange) !important;
}

/* Underlines and decorative elements */
.header__nav-list-item-link::after,
.header__nav-dropdown-item a::after {
    background: var(--ut-burnt-orange) !important;
}

/* Hero image and video decorative bars - use white for Texas */
.hero-image__heading::before,
.hero-video__title__container::before,
.MHeroImage__heading::before,
.UHeroVideo__title__container::before {
    background: var(--ut-white) !important;
}

/* Professor list styling */
.m_professor-list__column img,
.MProfessorList__column img {
    border-color: var(--ut-burnt-orange) !important;
}

.m_professor-list__column hr,
.MProfessorList__column hr {
    border-color: var(--ut-burnt-orange) !important;
}

.m_professor-list__fieldtitle::after,
.MProfessorList__fieldtitle::after {
    border-bottom-color: var(--ut-teal-dark) !important;
}

/* ==========================================================================
   Override UF Gold (#C6AB7E) with UT Limestone (#d6d2c4)
   ========================================================================== */

/* Background colors - replace UF Gold with UT Limestone */
.MButton--gold,
.MButton--gold:hover,
.MPillarCard__overlay {
    background: var(--ut-limestone) !important;
    background-color: var(--ut-limestone) !important;
}

/* ==========================================================================
   Additional UT-specific Styling Enhancements
   ========================================================================== */

/* Body background - UT Teal Dark */
body {
    background-color: #ffffff !important;
}

/* Footer gradient - UT Teal Dark gradient */
.footer,
.UFooter {
    background: linear-gradient(180deg, rgba(var(--ut-teal-dark-rgb), 1) 0%, rgba(var(--ut-teal-darker-rgb), 1) 100%) !important;
}

/* Footer nav padding - UT needs more space for dropdown navigation */
@media (min-width: 992px) {
    .footer__nav {
        padding-bottom: 300px !important;
    }
}

/* Hero image and video overlays - UT Burnt Orange tints */
.hero-video__media::after,
.UHeroVideo__media::after {
    background: linear-gradient(180deg, rgba(var(--ut-burnt-orange-rgb), 0) 0%, rgba(var(--ut-burnt-orange-rgb), 0.7) 100%) !important;
}

.hero-image::after,
.hero-image__background,
.MHeroImage::after,
.MHeroImage__background {
    background: linear-gradient(180deg, rgba(var(--ut-burnt-orange-rgb), 0) 0%, rgba(var(--ut-burnt-orange-rgb), 0.7) 100%) !important;
}

/* Mobile hero video overlay adjustment */
@media (max-width: 576px) {
    .hero-video__media::after,
    .UHeroVideo__media::after {
        background: linear-gradient(180deg, rgba(var(--ut-burnt-orange-rgb), 0.2) 0%, rgba(var(--ut-burnt-orange-rgb), 0.7) 100%) !important;
    }
}

/* Dropdown menu box shadow - add UT branding hint */
.header__nav-dropdown {
    box-shadow: 0px 8px 16px 0px rgba(var(--ut-teal-dark-rgb), 0.2) !important;
}

/* Links - use burnt orange for hover states */
a:hover {
    color: var(--ut-burnt-orange);
}

/* Buttons - UT Orange filled style */
.MButton--filled-orange {
    background-color: var(--ut-burnt-orange) !important;
    border-color: var(--ut-burnt-orange) !important;
}

.MButton--filled-orange:hover {
    background-color: var(--ut-burnt-orange-hover) !important;
    border-color: var(--ut-burnt-orange-hover) !important;
}

/* Selection highlight in UT colors */
::selection {
    background-color: var(--ut-burnt-orange);
    color: var(--ut-white);
}

::-moz-selection {
    background-color: var(--ut-burnt-orange);
    color: var(--ut-white);
}

/* Focus states for accessibility */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
    outline-color: var(--ut-burnt-orange);
}

/* Scrollbar styling (WebKit browsers) */
::-webkit-scrollbar-thumb {
    background-color: var(--ut-burnt-orange);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--ut-burnt-orange-hover);
}

/* ==========================================================================
   UT Color Utility Classes
   ========================================================================== */

/* Background color utilities */
.ut-bg-burnt-orange {
    background-color: var(--ut-burnt-orange) !important;
}

.ut-bg-teal-dark {
    background-color: var(--ut-teal-dark) !important;
}

.ut-bg-charcoal {
    background-color: var(--ut-charcoal) !important;
}

.ut-bg-limestone {
    background-color: var(--ut-limestone) !important;
}

/* Text color utilities */
.ut-text-burnt-orange {
    color: var(--ut-burnt-orange) !important;
}

.ut-text-teal-dark {
    color: var(--ut-teal-dark) !important;
}

.ut-text-charcoal {
    color: var(--ut-charcoal) !important;
}

.ut-text-white {
    color: var(--ut-white) !important;
}

/* Border color utilities */
.ut-border-burnt-orange {
    border-color: var(--ut-burnt-orange) !important;
}

.ut-border-teal-dark {
    border-color: var(--ut-teal-dark) !important;
}

.ut-border-charcoal {
    border-color: var(--ut-charcoal) !important;
}

/* ==========================================================================
   University Name Under Logo
   ========================================================================== */

/* Reduce bottom padding since university name adds height */
.header__belt {
    padding-bottom: 10px !important;
}

.header__branding-link {
    position: relative;
    display: block;
}

.header__branding-link::after {
    content: "University of Texas at Austin";
    display: block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: var(--ut-teal-dark);
    margin-top: 8px;
    text-transform: uppercase;
    font-family: "franklin-gothic-atf", sans-serif;
    text-align: center;
}