/* ================================
   GIVE BUTTONS
   ================================ */

button,
.btn,
a.btn {
    background-color: #F9A11B !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    padding: 11px 24px !important;
    transition: all 0.25s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(177,49,48,0.18) !important;
}


/* Button hover effect */
button:hover,
.btn:hover,
a.btn:hover {
    background-color: #EA5925 !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 20px rgba(177,49,48,0.30) !important;
}


/* Button click effect */
button:active,
.btn:active,
a.btn:active {
    transform: translateY(0) scale(0.98);
}


/* ================================
   FOOTER
   ================================ */

footer {
    background: #B13130 !important;
    color: #FFFFFF !important;
}


footer a {
    color: #FFFFFF !important;
    transition: opacity 0.2s ease-in-out;
}


footer a:hover {
    opacity: 0.75;
}



/* ================================
   ACCENT
   ================================ */

.accent {
    border-left: 6px solid #F9A11B !important;
    padding-left: 18px !important;
}



/* ================================
   CARDS
   ================================ */

.card {
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 20px rgba(177,49,48,0.10) !important;
    overflow: hidden;
    transition: all 0.3s ease-in-out !important;
}


/* Card hover effect */
.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(177,49,48,0.18) !important;
}



/* ================================
   HEADINGS
   ================================ */

h1,
h2,
h3 {
    color: #B13130 !important;
    font-weight: 700 !important;
}



/* ================================
   PAGE BACKGROUND
   ================================ */

body {
    background: #FFF9F3 !important;
}



/* ================================
   HERO / HEADER
   ================================ */

.hero,
.banner,
.header-section {
    background: linear-gradient(
        110deg,
        #F9A11B 0%,
        #F27D2A 35%,
        #EA5925 60%,
        #CC432C 100%
    ) !important;
    color: #FFFFFF !important;
}



/* ================================
   SECTION DIVIDER
   ================================ */

.section-divider {
    width: 80px !important;
    height: 5px !important;
    background: #F9A11B !important;
    border-radius: 5px !important;
    margin: 20px auto !important;
    transition: width 0.3s ease-in-out;
}


/* Divider expands on hover */
.section-divider:hover {
    width: 120px !important;
}



/* ================================
   IMAGES
   ================================ */

img {
    transition: all 0.3s ease-in-out;
}


/* Subtle image zoom */
.card img:hover {
    transform: scale(1.03);
}



/* ================================
   LINKS
   ================================ */

a {
    transition: color 0.2s ease-in-out;
}


a:hover {
    color: #EA5925 !important;
}