/* Vine Vapors - static-site additions.
   Deliberately small: everything else is the original Divi/WooCommerce CSS, untouched.
   Loaded last so it wins without !important where possible. */

/* --- sitewide for-sale note (footer) --- */
.vv-forsale {
  clear: both;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin: 0 0 12px;
  padding: 16px 0 4px;
}
.vv-forsale-text {
  margin: 0;
  color: #b9b9b9;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.vv-forsale-text strong { color: #fff; font-weight: 600; }
.vv-forsale-link {
  color: #8bc34a;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  border-bottom: 1px solid rgba(139, 195, 74, 0.45);
}
.vv-forsale-link:hover { color: #a5d66b; border-bottom-color: #a5d66b; }

/* --- contact form messages --- */
.vv-form-msg {
  margin: 12px 0 0;
  padding: 10px 14px;
  border-radius: 3px;
  font-size: 15px;
  line-height: 1.5;
}
.vv-form-msg--error {
  background: #fdecea;
  border: 1px solid #e0b4b0;
  color: #8a2620;
}
#vv-contact-form select.large,
#vv-contact-form input.large,
#vv-contact-form textarea.textarea {
  max-width: 100%;
}
.gform_confirmation_message {
  padding: 14px 16px;
  background: #f2f8ea;
  border: 1px solid #cbe3a8;
  border-radius: 3px;
  color: #3f6b12;
  font-size: 16px;
}
/* the honeypot row must never be visible or focusable */
.gform_validation_container {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* --- retired-shop display state on product pages ---
   Purchase mechanics are removed outright; this styles the note that takes their place. */
.vv-retired-note {
  margin: 14px 0 0;
  padding: 12px 14px;
  background: #f7f7f4;
  border-left: 3px solid #8bc34a;
  color: #555;
  font-size: 15px;
  line-height: 1.55;
}
.vv-retired-note a { color: #6b9c22; font-weight: 600; }

/* --- sidebar width fix ---------------------------------------------------
   The Divi child theme hard-codes, above 1100px:
       #left-area 730px !important  +  #sidebar 290px !important
   with the comment "1020 - width". That only adds up inside a 1020px
   container. Divi's boxed layout serves a 1000px container at common laptop
   widths, so the sidebar overflows by 20px and wraps underneath the content -
   while the vertical divider (.container:before, pinned at right:290px) stays
   put. Result: a rule line down the page with nothing beside it.
   Pre-existing on the live WordPress site; fixed here by making the pair
   proportional so they always total 100% of whatever the container is.       */
@media only screen and (min-width: 1100px) {
  .et_right_sidebar #left-area,
  .et_left_sidebar #left-area {
    width: 71.5% !important;
  }
  .et_right_sidebar #sidebar,
  .et_left_sidebar #sidebar {
    width: 28.5% !important;
  }
  .et_right_sidebar #sidebar { float: right !important; }
  .et_left_sidebar #sidebar { float: left !important; }
  .et_right_sidebar #main-content .container:before { right: 28.5% !important; }
  .et_left_sidebar #main-content .container:before { left: 28.5% !important; }
}

/* --- footer column fix ---------------------------------------------------
   Same class of bug as the sidebar: the child theme pins the first footer
   widget to a fixed 500px while Divi lays the rest out as percentages of a
   ~1025px row, so the third column drops onto its own line at common laptop
   widths. Now that the Campaign Monitor widget is gone there are exactly
   three, so give them proportions that always fit.                          */
@media only screen and (min-width: 981px) {
  #footer-widgets .footer-widget {
    width: 25% !important;
    margin-right: 4% !important;
  }
  #footer-widgets .footer-widget:nth-child(1) {
    width: 38% !important;
  }
  #footer-widgets .footer-widget:last-child {
    margin-right: 0 !important;
  }
}