/*
Theme Name: Delor Child
Theme URI: http://www.wpbingosite.com/delor
Author: wpbingo
Description: This is a child theme for Delor
Version: 1.0.0
Author URI: http://wpbingosite.com
Template: delor
Text Domain: delor-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/* ===============================
   Product custom CSS
   =============================== */

.theme-delor .custom-form label {
    margin: 0 0 0 10px;
}

.custom-form {
    margin-top: 20px;
}

.custom-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 0px 35px !important;
    display: inline-block;
    vertical-align: top;
    flex: 1;
    margin: 0;
    white-space: nowrap;
    position: relative;
    border: 1px solid transparent;
    text-transform: capitalize;
    transition: all 0.3s ease;
    font-size: calc(var(--font-size-body, 14px) + 2px);
    height: 50px;
    line-height: 50px;
    background: var(--button-color, #f26b0e);
    color: #fff;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
}

.custom-form .form-group p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.theme-delor .custom-form input {
    padding: 8px 15px !important;
}

.form-group input:focus {
    border-color: #abbc32;
    box-shadow: 0 0 0 3px rgba(171, 188, 50, 0.2);
    outline: none;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    border: 1px solid #3333;
    border-radius: 10px;
}


/* ===============================
   Header main menu sizing
   =============================== */

/* Make main header menu labels larger on desktop */
@media (min-width: 1025px) {
    header#bwp-header .bwp-navigation ul > li.level-0 > a > span.menu-item-text {
        font-size: 18px !important;      /* bump to 18px later if you want */
        line-height: 1.4 !important;
    }
}


/* ===============================
   Header search alignment + styling
   =============================== */

/* Desktop only: show search on same row as menu */
@media (min-width: 1025px) {

    /* Make all top-level items (including search) line up in a row */
    header#bwp-header .bwp-navigation ul > li {
        display: inline-block;
        vertical-align: middle;
    }

    /* Nudge the search item to the right a bit */
    header#bwp-header .bwp-navigation ul > li.menu-item-search {
        margin-left: 25px;
    }

    /* Keep the form tight and inline */
    header#bwp-header .bwp-navigation ul > li.menu-item-search form.search-form {
        display: inline-flex;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    /* Search input styling */
    header#bwp-header .bwp-navigation ul > li.menu-item-search input[type="search"],
    header#bwp-header .bwp-navigation ul > li.menu-item-search .search-field {
        padding: 4px 10px;
        font-size: 14px;
        max-width: 170px;
        border-radius: 20px 0 0 20px;
    }

    /* Search button styling */
    header#bwp-header .bwp-navigation ul > li.menu-item-search input[type="submit"],
    header#bwp-header .bwp-navigation ul > li.menu-item-search button[type="submit"],
    header#bwp-header .bwp-navigation ul > li.menu-item-search .search-submit {
        padding: 4px 14px;
        font-size: 14px;
        background: #abbb32 !important;   /* DF green */
        color: #ffffff !important;
        border: none;
        border-radius: 0 20px 20px 0;
        text-transform: lowercase;        /* "search" instead of "Search" */
        cursor: pointer;
    }
}

/* Mobile/tablet: hide this extra search; theme handles mobile header */
@media (max-width: 1024px) {
    header#bwp-header .bwp-navigation ul > li.menu-item-search {
        display: none;
    }
}
/* ==========================================
   Dynomite Farm – My Account (readable on light background)
   Replaces the old "white text over hero" rules
   ========================================== */

/* Base text color on all My Account screens */
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce * {
  color: #333333 !important;
}

/* Left navigation links */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  color: #3f3f3f !important;
  text-decoration: none;
}

/* Left navigation hover/active (NOT red) */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #668136 !important; /* DF green */
  text-decoration: underline;
}

/* Right-hand content panel (logged-in dashboard / orders / addresses / etc.) */
body.woocommerce-account .woocommerce-MyAccount-content {
  background: rgba(247,246,236,0.96) !important; /* close to #F7F6EC */
  padding: 24px 28px !important;
  border-radius: 12px !important;
}

/* Forms inside My Account (login + reset + edit account + addresses) */
body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce-ResetPassword,
body.woocommerce-account .woocommerce form.edit-account,
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce form.woocommerce-EditAddressForm {
  background: rgba(247,246,236,0.96) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 16px !important;
  padding: 22px 22px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
}

/* Inputs: clean + readable */
body.woocommerce-account .woocommerce input.input-text,
body.woocommerce-account .woocommerce textarea,
body.woocommerce-account .woocommerce select {
  background: #ffffff !important;
  color: #333333 !important;
  border: 2px solid rgba(0,0,0,0.12) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

/* Focus state (DF green) */
body.woocommerce-account .woocommerce input.input-text:focus,
body.woocommerce-account .woocommerce textarea:focus,
body.woocommerce-account .woocommerce select:focus {
  border-color: #abbb32 !important;
  box-shadow: 0 0 0 3px rgba(171,187,50,0.20) !important;
  outline: none !important;
}

/* Primary buttons in My Account */
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-account .woocommerce button[type="submit"] {
  background: #abbb32 !important;
  border-color: #abbb32 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  border: none !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
}

/* Button hover */
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce input.button:hover,
body.woocommerce-account .woocommerce button[type="submit"]:hover {
  background: #668136 !important;
  border-color: #668136 !important;
  color: #ffffff !important;
}

/* Links inside the right panel (NOT red) */
body.woocommerce-account .woocommerce-MyAccount-content a {
  color: #3f3f3f !important;
  text-decoration: underline;
}
body.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: #668136 !important;
}

/* Notices (errors/messages) readable */
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message {
  color: #333333 !important;
}

/* ==========================================
   Heavy-hand failsafe: prevent accidental fading on My Account
   (only affects My Account pages)
   ========================================== */
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce * {
  opacity: 1 !important;
  filter: none !important;
}
/* ============================================
   DYNOMITE FARM - ELEMENTOR BUTTON COLORS
   ============================================ */

/* Main button color - Green */
.elementor-button,
.elementor-button-wrapper .elementor-button-link,
.elementor-widget-button .elementor-button,
a.elementor-button,
button.elementor-button,
.elementor-button-content-wrapper,
.elementor-button-text {
    background: #abbb32 !important;
    background-color: #abbb32 !important;
    color: #ffffff !important;
}

/* Hover state - Darker Green with underline */
.elementor-button:hover,
.elementor-button-wrapper .elementor-button-link:hover,
.elementor-widget-button .elementor-button:hover,
a.elementor-button:hover,
button.elementor-button:hover,
.elementor-button-content-wrapper:hover,
.elementor-button-text:hover {
    background: #668136 !important;
    background-color: #668136 !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}