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

/*
 * University of Florida Brand Colors
 * Source: https://identity.ufl.edu/color/
 * ----------------------------------
 *
 * PRIMARY:
 * - UF Blue: #0021A5
 * - UF Orange: #FA4616
 *
 * SECONDARY:
 * - UF Gold: #C6AB7E
 * - White: #ffffff
 */

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

:root {
    /* UF Primary Colors */
    --uf-blue: #0021A5;
    --uf-blue-rgb: 0, 33, 165;
    --uf-blue-hover: #001a84;
    --uf-blue-hover-rgb: 0, 26, 132;
    --uf-orange: #FA4616;
    --uf-orange-rgb: 250, 70, 22;
    --uf-orange-hover: #de3a0f;
    --uf-orange-hover-rgb: 222, 58, 15;
    --uf-white: #ffffff;
    --uf-white-rgb: 255, 255, 255;
    
    /* UF Secondary/Accent Colors */
    --uf-gold: #C6AB7E;
    --uf-gold-rgb: 198, 171, 126;
    --uf-gold-hover: #E4D0A6;
    --uf-gold-hover-rgb: 228, 208, 166;
}

/* ==========================================================================
   UF Blue Text Colors (#0021A5)
   ========================================================================== */

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

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

/* Footer logo - white version */
.footer__branding-icon .logo-blue path,
.footer__branding-link .logo-blue path,
.footer__branding-icon .logo-orange path,
.footer__branding-link .logo-orange path {
    fill: #ffffff !important;
}

/* Text colors - UF Blue for headings and emphasis */
.content-card__eyebrow,
.content-card__title,
.content-card__title a,
.intro__eyebrow,
.intro__title,
.content__title {
    color: var(--uf-blue) !important;
}

/* Border colors - UF Blue */
.content__title {
    border-bottom-color: var(--uf-blue) !important;
}

/* List markers and checkmarks - UF Blue */
.intro__description ul li::marker,
.content__description ol li::marker,
.content__description ul li::marker,
.intro__description ul.checkmarks li::before {
    color: var(--uf-blue) !important;
}

/* ==========================================================================
   UF Orange Interactive Elements (#FA4616)
   ========================================================================== */

/* Background colors - UF Orange for interactive elements */
.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(--uf-orange) !important;
    background-color: var(--uf-orange) !important;
}

/* Light buttons should remain white with dark text */
.button--light,
.button.button--light {
    background: var(--uf-white) !important;
    background-color: var(--uf-white) !important;
    color: #333333 !important; /* Dark text for contrast */
}

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

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

/* Text colors - UF Orange for links and interactive text */
.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(--uf-orange) !important;
}

/* Border colors - UF Orange */
.MButton--outline-orange {
    border-color: var(--uf-orange) !important;
}

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

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

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

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

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

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

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

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

/* Hero image and video decorative bars */
.hero-image__heading::before,
.hero-video__title__container::before,
.MHeroImage__heading::before,
.UHeroVideo__title__container::before {
    background: var(--uf-orange) !important;
}

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

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

.m_professor-list__fieldtitle::after,
.MProfessorList__fieldtitle::after {
    border-bottom-color: var(--uf-blue) !important;
}

/* ==========================================================================
   UF Gold Accent Elements (#C6AB7E)
   ========================================================================== */

/* Background colors - UF Gold */
.MButton--gold,
.MButton--gold:hover,
.MPillarCard__overlay {
    background: var(--uf-gold) !important;
    background-color: var(--uf-gold) !important;
}

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

/* Body background - UF Blue */
body {
    background-color: #ffffff !important;
}

/* Footer gradient - UF Blue gradient */
.footer,
.UFooter {
    background: linear-gradient(180deg, rgba(var(--uf-blue-rgb), 1) 0%, rgba(var(--uf-blue-hover-rgb), 1) 100%) !important;
}

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

/* Hero image and video overlays - UF Blue tints */
.hero-video__media::after,
.UHeroVideo__media::after {
    background: linear-gradient(180deg, rgba(var(--uf-blue-rgb), 0) 0%, rgba(var(--uf-blue-rgb), 0.7) 100%) !important;
}

.hero-image::after,
.hero-image__background,
.MHeroImage::after,
.MHeroImage__background {
    background: linear-gradient(180deg, rgba(var(--uf-blue-rgb), 0) 0%, rgba(var(--uf-blue-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(--uf-blue-rgb), 0.2) 0%, rgba(var(--uf-blue-rgb), 0.7) 100%) !important;
    }
}

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

/* Links - use UF Orange for hover states */
a:hover {
    color: var(--uf-orange);
}

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

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

/* Selection highlight in UF colors */
::selection {
    background-color: var(--uf-orange);
    color: var(--uf-white);
}

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

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

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

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

/* ==========================================================================
   UF Color Utility Classes
   ========================================================================== */

/* Background color utilities */
.uf-bg-blue {
    background-color: var(--uf-blue) !important;
}

.uf-bg-orange {
    background-color: var(--uf-orange) !important;
}

.uf-bg-gold {
    background-color: var(--uf-gold) !important;
}

/* Text color utilities */
.uf-text-blue {
    color: var(--uf-blue) !important;
}

.uf-text-orange {
    color: var(--uf-orange) !important;
}

.uf-text-gold {
    color: var(--uf-gold) !important;
}

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

/* Border color utilities */
.uf-border-blue {
    border-color: var(--uf-blue) !important;
}

.uf-border-orange {
    border-color: var(--uf-orange) !important;
}

.uf-border-gold {
    border-color: var(--uf-gold) !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 Florida";
    display: block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: var(--uf-blue);
    margin-top: 8px;
    text-transform: uppercase;
    font-family: "franklin-gothic-atf", sans-serif;
    text-align: center;
}