/*
Theme Name: Rebuild
Theme URI: 
Description: DG REBUILD THEME
Version: 1.0
Author: John Yosas, Soyoung Bae, Aaron Sy
*/

/* Begin References defined in theme.json will be placed here for all components to use: \*/
/*This references the "Small" font size (12px) defined in theme.json.*/
.h1,h1 {font-size:2em;}
.h2,h2 {font-size:1.5em;}
.h3,h3 {font-size: 1.17em;}
.h4,h4 {font-size:1em;}
.h5,h5 {font-size:.83em;}
.h6,h6 {font-size: .67em;}
.small-text {
    font-size: var(--wp--preset--font-size--small);
}
.regular-text {
    font-size: var(--wp--preset--font-size--regular);
}

.large-text {
    font-size: var(--wp--preset--font-size--large);
}
.bg-body {
    background-color: var(--wp--preset--color--body);
    color: var(--wp--preset--color--body-contrast, var(--wp--preset--color--primary-contrast));
}
.bg-header {
    background-color: var(--wp--preset--color--header);
    color: var(--wp--preset--color--header-contrast, var(--wp--preset--color--primary-contrast));
    /* color: var(--wp--preset--color--primary-contrast); */
}
.bg-primary, .btn-primary  {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary-contrast);
}
.btn-primary {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary-contrast);
    vertical-align: center;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
    will-change: transform; /* Hint to the browser for smoother scaling */
}

.bg-primary-variant {
    background-color: var(--wp--preset--color--primary-variant, var(--wp--preset--color--primary, white));
    color: var(--wp--preset--color--primary-contrast);
}
.border-primary { border-color: var(--wp--preset--color--primary, black); }
.border-secondary { border-color: var(--wp--preset--color--secondary, black); }
.border-tertiary, .support-staff-card {
    border-color: var(--wp--preset--color--tertiary, white);
}
body.bg-primary-variant, .about-content .bg-primary-variant {
    border: none;
}
footer.bg-primary-variant {
    border-bottom: none;
}
#location.bg-primary-variant { border-top: none; }
.bg-secondary {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--secondary-contrast);
}

.bg-tertiary, .btn-tertiary {
    background-color: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--tertiary-contrast);
}
.btn-tertiary {
    vertical-align: center;
    transform: translateZ(0); /* triggers GPU */
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
    will-change: transform; /* Hint to the browser for smoother scaling */
}
.text-tertiary { color: var(--wp--preset--color--tertiary); }

.bg-gradient-custom-primary-top-bot { background: linear-gradient(360deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--tertiary) 60%, var(--wp--preset--color--primary) 100%); }
.bg-mute {
    background-color: var(--wp--preset--color--mute);
    color: var(--wp--preset--color--mute-contrast);
}
.divider-solid {
    border-top: 5px solid;
    max-width: 65px;
    color: var(--wp--preset--color--tertiary);;
    display: block;
    padding: 12px auto;
}
.divider-dotted {
    border-top: 5px dotted;
    max-width: 65px;
    color: var(--wp--preset--color--tertiary);;
    display: block;
    margin: 12px auto;
}
.bg-body-complement {
    background: #f7f7f7;
    color: #000;
}
.btn-tertiary:hover, .btn-primary:hover{
    /* Slightly less aggressive scale is often more "premium" */
    transform: translateY(-1px) scale(1.01);
    /* Using a softer, more diffused shadow */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
}
.btn {
    border: none;
    cursor: pointer;
    align-items: center;
}
.swiper-pagination {
    --swiper-pagination-color: var(--wp--preset--color--tertiary, black);
    --swiper-pagination-bullet-inactive-color: #ffffff;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
}
.slider-indicators .indicator[class*="bg-opacity-100"] {
    background-color: var(--wp--preset--color--tertiary, black);
}

.slider-indicators .indicator[class*="bg-opacity-50"] {
    background-color: #ffffff !important;
}
/* END References defined in theme.json will be placed here for all components to use: */