/**
 * GiveWP Custom Styles
 * 
 * ONLY for GiveWP Frontend Elements - EXTREMELY SPECIFIC
 * - Text color: #000000 (black)
 * - Background colors: #FFFFFF, #F6F6F6
 * - Heading font: Philosopher
 * - Body font: Montserrat
 * 
 * NO WILDCARDS - Only exact GiveWP class names
 */

/* Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&family=Montserrat:wght@400;500;600;700&display=swap');

/* ========================================
   DONATION FORMS - EXACT CLASSES ONLY
   ======================================== */

/* Form element - exact class only */
form.give-form {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

/* Elements inside form - direct children only */
form.give-form > p,
form.give-form > div,
form.give-form > span,
form.give-form > label,
form.give-form input,
form.give-form textarea,
form.give-form select,
form.give-form button {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

/* Headings in forms */
form.give-form h1,
form.give-form h2,
form.give-form h3,
form.give-form h4,
form.give-form h5,
form.give-form h6 {
    font-family: 'Philosopher', serif !important;
    color: #000000 !important;
}

/* Form wrapper classes - exact names only */
.give-form-wrap,
.give-form-section,
.give-form-row,
.give-form-group,
.give-field-wrap,
.give-input-group,
.give-form-wrapper,
.give-form-container {
    background-color: #F6F6F6 !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

/* Form inputs - only inside give-form */
form.give-form input[type="text"],
form.give-form input[type="email"],
form.give-form input[type="tel"],
form.give-form input[type="number"],
form.give-form input[type="password"],
form.give-form input[type="checkbox"],
form.give-form input[type="radio"],
form.give-form textarea,
form.give-form select {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-color: #000000 !important;
    font-family: 'Montserrat', sans-serif !important;
}

form.give-form input:focus,
form.give-form textarea:focus,
form.give-form select:focus {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-color: #000000 !important;
    outline-color: #000000 !important;
}

/* Donation amount/price input fields - remove blue color */
form.give-form .give-donation-amount,
form.give-form .give-amount,
form.give-form .give-amount-input,
form.give-form .give-donation-amount input,
form.give-form .give-text-input,
form.give-form .give-amount-top,
form.give-form input.give-text-input,
form.give-form .give-input,
form.give-form .set-price,
form.give-form .give-currency-symbol {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-color: #000000 !important;
    font-family: 'Montserrat', sans-serif !important;
}

form.give-form .give-donation-amount:focus-within,
form.give-form .give-text-input:focus,
form.give-form .give-amount-top:focus,
form.give-form input.give-text-input:focus {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-color: #000000 !important;
    outline-color: #000000 !important;
    box-shadow: 0 0 0 1px #000000 !important;
}

/* Form buttons - only inside give-form */
form.give-form button,
form.give-form input[type="submit"],
form.give-form input[type="button"],
form.give-form .give-btn,
form.give-form .give-button {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border-color: #000000 !important;
    font-family: 'Montserrat', sans-serif !important;
}

form.give-form button:hover,
form.give-form input[type="submit"]:hover,
form.give-form input[type="button"]:hover,
form.give-form .give-btn:hover,
form.give-form .give-button:hover,
form.give-form .button:hover,
form.give-form .give-submit:hover,
form.give-form .give-donation-form-submit:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    opacity: 0.9;
}

/* Form links - only inside give-form */
form.give-form a {
    color: #000000 !important;
}

form.give-form a:hover {
    color: #000000 !important;
    opacity: 0.8;
}

/* ========================================
   DONOR DASHBOARD - EXACT CLASSES ONLY
   ======================================== */

/* Donor dashboard - exact classes only */
.give-donor-dashboard,
.give-dashboard {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

/* Elements inside dashboard */
.give-donor-dashboard p,
.give-donor-dashboard div,
.give-donor-dashboard span,
.give-donor-dashboard label,
.give-donor-dashboard input,
.give-donor-dashboard textarea,
.give-donor-dashboard select,
.give-donor-dashboard button,
.give-donor-dashboard a,
.give-dashboard p,
.give-dashboard div,
.give-dashboard span,
.give-dashboard label,
.give-dashboard input,
.give-dashboard textarea,
.give-dashboard select,
.give-dashboard button,
.give-dashboard a {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

/* Dashboard headings */
.give-donor-dashboard h1,
.give-donor-dashboard h2,
.give-donor-dashboard h3,
.give-donor-dashboard h4,
.give-donor-dashboard h5,
.give-donor-dashboard h6,
.give-dashboard h1,
.give-dashboard h2,
.give-dashboard h3,
.give-dashboard h4,
.give-dashboard h5,
.give-dashboard h6 {
    font-family: 'Philosopher', serif !important;
    color: #000000 !important;
}

/* Dashboard sections - exact classes */
.give-dashboard-section,
.give-dashboard-tab-content,
.give-dashboard-card,
.give-dashboard-tab {
    background-color: #F6F6F6 !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

/* Dashboard links */
.give-donor-dashboard a,
.give-dashboard a {
    color: #000000 !important;
}

.give-donor-dashboard a:hover,
.give-dashboard a:hover {
    color: #000000 !important;
    opacity: 0.8;
}

/* Dashboard buttons */
.give-donor-dashboard button,
.give-donor-dashboard .button,
.give-dashboard button,
.give-dashboard .button {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border-color: #000000 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.give-donor-dashboard button:hover,
.give-dashboard button:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    opacity: 0.9;
}

/* Dashboard inputs */
.give-donor-dashboard input,
.give-donor-dashboard textarea,
.give-donor-dashboard select,
.give-dashboard input,
.give-dashboard textarea,
.give-dashboard select {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-color: #000000 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* ========================================
   OTHER GIVEWP ELEMENTS - EXACT CLASSES
   ======================================== */

/* GiveWP Goal - exact class */
.give-goal {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.give-goal p,
.give-goal div,
.give-goal span,
.give-goal h1,
.give-goal h2,
.give-goal h3,
.give-goal h4,
.give-goal h5,
.give-goal h6 {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

.give-goal h1,
.give-goal h2,
.give-goal h3,
.give-goal h4,
.give-goal h5,
.give-goal h6 {
    font-family: 'Philosopher', serif !important;
}

/* GiveWP Totals - exact class */
.give-totals {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.give-totals p,
.give-totals div,
.give-totals span,
.give-totals h1,
.give-totals h2,
.give-totals h3,
.give-totals h4,
.give-totals h5,
.give-totals h6 {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

.give-totals h1,
.give-totals h2,
.give-totals h3,
.give-totals h4,
.give-totals h5,
.give-totals h6 {
    font-family: 'Philosopher', serif !important;
}

/* GiveWP Donor Wall - exact class */
.give-donor-wall {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.give-donor-wall p,
.give-donor-wall div,
.give-donor-wall span,
.give-donor-wall h1,
.give-donor-wall h2,
.give-donor-wall h3,
.give-donor-wall h4,
.give-donor-wall h5,
.give-donor-wall h6 {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

.give-donor-wall h1,
.give-donor-wall h2,
.give-donor-wall h3,
.give-donor-wall h4,
.give-donor-wall h5,
.give-donor-wall h6 {
    font-family: 'Philosopher', serif !important;
}

/* GiveWP Receipt - exact class */
.give-receipt {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.give-receipt p,
.give-receipt div,
.give-receipt span,
.give-receipt h1,
.give-receipt h2,
.give-receipt h3,
.give-receipt h4,
.give-receipt h5,
.give-receipt h6 {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

.give-receipt h1,
.give-receipt h2,
.give-receipt h3,
.give-receipt h4,
.give-receipt h5,
.give-receipt h6 {
    font-family: 'Philosopher', serif !important;
}

/* ========================================
   CAMPAIGN ELEMENTS - EXACT CLASSES ONLY
   ======================================== */

/* Campaign boxes - exact classes only */
.givewp-campaign,
.givewp-campaigns,
.give-campaign,
.give-campaigns,
.wp-block-give-campaign,
.wp-block-givewp-campaign {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.givewp-campaign p,
.givewp-campaign div,
.givewp-campaign span,
.givewp-campaign label,
.givewp-campaign input,
.givewp-campaign textarea,
.givewp-campaign select,
.givewp-campaign button,
.givewp-campaign a,
.give-campaign p,
.give-campaign div,
.give-campaign span,
.give-campaign label,
.give-campaign input,
.give-campaign textarea,
.give-campaign select,
.give-campaign button,
.give-campaign a {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

.givewp-campaign h1,
.givewp-campaign h2,
.givewp-campaign h3,
.givewp-campaign h4,
.givewp-campaign h5,
.givewp-campaign h6,
.give-campaign h1,
.give-campaign h2,
.give-campaign h3,
.give-campaign h4,
.give-campaign h5,
.give-campaign h6 {
    font-family: 'Philosopher', serif !important;
    color: #000000 !important;
}

/* Campaign card/box - exact classes */
.givewp-campaign-card,
.give-campaign-card,
.givewp-campaign-box,
.give-campaign-box {
    background-color: #F6F6F6 !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

/* ========================================
   DONATE NOW BUTTON IN CAMPAIGN GRID
   ======================================== */

/* Donate button in campaign grid cards - VERY SPECIFIC */
.give-campaigns-component-campaign .give-custom-donate-button {
    display: block !important;
    margin: 15px 8px 8px 8px !important;
    padding: 12px 24px !important;
    background-color: #000000 !important;
    color: #FFFFFF !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    border: none !important;
    font-size: 16px !important;
    width: calc(100% - 16px) !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
    position: relative !important;
}

.give-campaigns-component-campaign .give-custom-donate-button:hover {
    background-color: #333333 !important;
    color: #FFFFFF !important;
    opacity: 0.9 !important;
    text-decoration: none !important;
}

/* Also target if inside grid container */
.givewp-campaign-grid .give-custom-donate-button {
    display: block !important;
    margin: 15px 8px 8px 8px !important;
    padding: 12px 24px !important;
    background-color: #000000 !important;
    color: #FFFFFF !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
}