@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0.2; }
  100% { opacity: 1; }
}

.blinking-button {
  animation: blink 1.5s linear infinite;

/* ====== GLOBAL/BODY STYLES ====== */ body, .page, .checkout-page 
  { 
    /* Set a clean, soft background */ 
    background-color: #F6FEF9 !important; 
    color: #212121 !important; 
    /* Use charcoal for text for soft readability */ /* Typography settings were removed to be handled by the Visual Editor */ letter-spacing: 0.1px; transition: background 0.5s ease-in-out; } /* ====== HEADER & NAVIGATION FIXES (Crucial for live site) ====== */ /* Force Deep Harvest Green background on all known header containers */ .site-header, .header-wrapper, .navigation-bar, .zoho-nav, .zoho-header { background-color: #003029 !important; } /* Ensure all links and text in the dark header are light for visibility */ .site-header a, .site-header span, .navigation-bar a, .zoho-nav a, .zoho-header-text, .topbar-section a { color: #E3EED4 !important; /* Soft Cream/Dew for links */ text-decoration: none !important; font-weight: 500 !important; transition: all 0.3s ease; } /* Navigation Link Hover (Subtle, elegant glow) */ .navigation-bar a:hover, .navigation-bar a.active { color: #83C441 !important; /* Fresh Green text on hover */ /* Add a subtle green glow for modern feedback */ text-shadow: 0 0 5px rgba(131, 196, 65, 0.5) !important; } /* Search Input Styling */ .search-box, .search-input, .search-container input[type="search"] { border-radius: 12px !important; /* Rounded corners */ border: 1px solid #D1E6BB !important; background-color: #FFFFFF !important; padding: 8px 15px !important; } /* ====== PRODUCT CARD & SECTION CONTAINERS ====== */ .product-card, .section-container, .order-summary-box { background: #FFFFFF !important; /* Crisp white for content blocks */ border-radius: 14px !important; box-shadow: 0 4px 15px rgba(0, 48, 41, 0.08) !important; /* Subtle shadow using dark green opacity */ border: 1px solid #F6FEF9 !important; /* Soft, minimal border */ padding: 20px !important; margin-top: 15px !important; } /* Ensure sections like 'Empowering Farmers...' use the correct background */ .content-section, .page-content-wrapper { background-color: #F6FEF9 !important; color: #003029 !important; } /* ====== PRIMARY BUTTONS (CTA - Fresh Green) ====== */ button, .btn, .zpbutton-type-primary, .checkout-btn, .apply-btn, .add-to-cart-btn { background-color: #83C441 !important; /* Primary Fresh Green */ color: #FFFFFF !important; /* White text for visibility */ border: none !important; border-radius: 30px !important; padding: 12px 28px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; box-shadow: 0 4px 10px rgba(131, 196, 65, 0.3) !important; /* Green Shadow */ cursor: pointer; transition: all 0.2s ease-in-out; } button:hover, .btn:hover, .zpbutton-type-primary:hover, .checkout-btn:hover, .apply-btn:hover, .add-to-cart-btn:hover { background-color: #45A029 !important; /* Accent Darker Green on hover */ transform: translateY(-1px) !important; box-shadow: 0 6px 14px rgba(131, 196, 65, 0.4) !important; } /* SECONDARY BUTTONS (e.g., Change/Edit buttons) */ .change-btn { background-color: #D1E6BB !important; /* Light Mint Accent */ color: #003029 !important; /* Dark Green text */ border: 1px solid #83C441 !important; box-shadow: none !important; padding: 8px 15px !important; border-radius: 6px !important; font-weight: 500 !important; } .change-btn:hover { background-color: #83C441 !important; color: #FFFFFF !important; transform: none !important; } /* ====== TOTALS AND ACCENT TEXT ====== */ .total-amount, .order-total-price, .order-total { color: #003029 !important; /* Deep Harvest Green */ font-size: 1.4rem !important; font-weight: 700 !important; } /* ====== PAYMENT METHOD UI ENHANCEMENTS ====== */ /* Target the payment method list items (The main block containing the radio button and content) */ .checkout-payment-methods .payment-option-wrapper, .checkout-payment-methods li { /* Base style for all options */ border: 2px solid #D1E6BB !important; /* Light border */ border-radius: 8px !important; padding: 15px !important; margin-bottom: 15px !important; transition: all 0.2s ease-in-out; cursor: pointer; /* Makes the entire box feel clickable */ } /* Style for the SELECTED payment method (Border & Glow) */ .checkout-payment-methods li.active, .checkout-payment-methods li.selected, .checkout-payment-methods .payment-option-wrapper.active, .checkout-payment-methods .payment-option-wrapper.selected { /* This color is our Primary Fresh Green */ border-color: #83C441 !important; box-shadow: 0 0 10px rgba(131, 196, 65, 0.4) !important; /* Green Glow */ background-color: #F6FEF9 !important; /* Ensure a clean background on selection */ } /* Ensure the radio button itself is styled to match the theme */ .checkout-payment-methods input[type="radio"] { accent-color: #83C441 !important; } /* This selector targets the specific container that is breaking */ /* This targets the footer column containing your text */ .zpcol-md-5 { /* This prevents the column from being squished */ flex-basis: auto !important; width: auto !important; min-width: 250px !important; /* Ensures the column is at least 250px wide */ } /* This targets the specific text block wrapper inside that column */ /* div:nth-child(3) is the third item, which is your text block */ .zpcol-md-5 > div:nth-child(3) { /* This forces the text block to fill the (now wider) column */ width: 100% !important; min-width: 250px !important; /* This tells the text to break words normally */ word-break: normal !important; word-wrap: normal !important; overflow-wrap: normal !important; }



/* --- HIDE BREADCRUMBS ON MOBILE --- */
@media (max-width: 767px) {

  /* This targets the container that holds the "Home" text */
  .zp-breadcrumb,
  .breadcrumb-container {
    display: none !important;
  }
}
/* 1. This defines the blinking animation */
@keyframes simpleBlink {
  0%   { opacity: 1; }
  50%  { opacity: 0.6; }
  100% { opacity: 1; }
}

/* 2. This targets the actual button link (which has the class "zpbutton-wrapper")
   that lives INSIDE the container you just named "blinking-register-button"
*/
.blinking-register-button .zpbutton-wrapper {
  animation: simpleBlink 1.5s linear infinite !important;
}
/* 1. Define the container properties */
#wheat-effect-container {
    /* Ensures the effect covers the entire viewport */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Allows user to click through the effect to the content */
    pointer-events: none; 
    /* Places the effect above other content */
    z-index: 999; 
    overflow: hidden; 
    
    /* 2. Add the scrolling image as a background */
    background-image: url('https://storebuilder-60046951821.zohostorecontent.in/.wheat.jpg_t.jpg'); 
    background-repeat: repeat-y; 
    /* Adjust size to make plants visible but not overwhelming */
    background-size: 150px auto; 

    /* 3. Apply the animation for continuous movement */
    animation: scroll-down 60s linear infinite;
}

/* Define the animation keyframes */
@keyframes scroll-down {
    from {
        background-position-y: 0; 
    }
    to {
        background-position-y: 100vh; 
    }
}