/**
 * Influencer Application Form - Parchment Theme
 *
 * Applies consistent parchment styling to the influencer application form
 * with high specificity selectors to prevent overrides
 */

/* Form Container Styles */
html body .mf-influencer-application-form,
body .mf-influencer-application-form,
#page .mf-influencer-application-form,
.woocommerce .mf-influencer-application-form,
.woocommerce-page .mf-influencer-application-form {
  background-color: #f5efe4 !important;
  border: 2px solid #8b7355 !important;
  padding: 25px !important;
  margin-bottom: 30px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  color: #5c4c3a !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Form Heading Styles */
html body .mf-influencer-application-form h2,
html body .mf-influencer-application-form h3,
body .mf-influencer-application-form h2,
body .mf-influencer-application-form h3,
#page .mf-influencer-application-form h2,
#page .mf-influencer-application-form h3 {
  color: #5c4c3a !important;
  border-bottom: 2px solid #8b7355 !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
  font-family: "Crimson Text", Georgia, serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* Form Labels */
html body .mf-influencer-application-form label,
body .mf-influencer-application-form label,
#page .mf-influencer-application-form label {
  color: #5c4c3a !important;
  font-weight: bold !important;
  margin-bottom: 5px !important;
  display: block !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Form Input Fields */
html body .mf-influencer-application-form input[type="text"],
html body .mf-influencer-application-form input[type="email"],
html body .mf-influencer-application-form input[type="url"],
html body .mf-influencer-application-form input[type="tel"],
html body .mf-influencer-application-form input[type="number"],
html body .mf-influencer-application-form select,
html body .mf-influencer-application-form textarea,
body .mf-influencer-application-form input[type="text"],
body .mf-influencer-application-form input[type="email"],
body .mf-influencer-application-form input[type="url"],
body .mf-influencer-application-form input[type="tel"],
body .mf-influencer-application-form input[type="number"],
body .mf-influencer-application-form select,
body .mf-influencer-application-form textarea {
  background-color: #f5efe4 !important;
  border: 1px solid #8b7355 !important;
  padding: 10px !important;
  color: #5c4c3a !important;
  width: 100% !important;
  font-family: "Crimson Text", Georgia, serif !important;
  margin-bottom: 15px !important;
}

/* Form Input Fields Focus */
html body .mf-influencer-application-form input[type="text"]:focus,
html body .mf-influencer-application-form input[type="email"]:focus,
html body .mf-influencer-application-form input[type="url"]:focus,
html body .mf-influencer-application-form input[type="tel"]:focus,
html body .mf-influencer-application-form input[type="number"]:focus,
html body .mf-influencer-application-form select:focus,
html body .mf-influencer-application-form textarea:focus {
  border: 1px solid #5c4c3a !important;
  outline: none !important;
  box-shadow: 0 0 5px rgba(139, 115, 85, 0.5) !important;
}

/* Button Styling */
html body .mf-influencer-application-form button,
html body .mf-influencer-application-form input[type="button"],
html body .mf-influencer-application-form input[type="submit"],
body .mf-influencer-application-form button,
body .mf-influencer-application-form input[type="button"],
body .mf-influencer-application-form input[type="submit"] {
  display: block !important;
  padding: 12px 25px !important;
  background-color: #000000 !important;
  color: #f5efe4 !important;
  text-align: center !important;
  text-decoration: none !important;
  border: 2px solid #5c4c3a !important;
  cursor: pointer !important;
  font-family: "Crimson Text", Georgia, serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  font-weight: bold !important;
  margin: 5px 0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  width: auto !important;
}

/* Button Hover State */
html body .mf-influencer-application-form button:hover,
html body .mf-influencer-application-form input[type="button"]:hover,
html body .mf-influencer-application-form input[type="submit"]:hover,
body .mf-influencer-application-form button:hover,
body .mf-influencer-application-form input[type="button"]:hover,
body .mf-influencer-application-form input[type="submit"]:hover {
  background-color: #5c4c3a !important;
  border-color: #000000 !important;
}

/* Form Section Styles */
html body .mf-influencer-application-form .form-section,
body .mf-influencer-application-form .form-section {
  margin-bottom: 25px !important;
  padding: 15px !important;
  background-color: #e8ddc4 !important;
  border: 1px solid #c4b59d !important;
}

/* Form Section Titles */
html body .mf-influencer-application-form .section-title,
body .mf-influencer-application-form .section-title {
  font-size: 18px !important;
  color: #5c4c3a !important;
  margin-bottom: 15px !important;
  font-weight: bold !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Form Help Text */
html body .mf-influencer-application-form .help-text,
body .mf-influencer-application-form .help-text {
  font-style: italic !important;
  color: #8b7355 !important;
  margin-top: -10px !important;
  margin-bottom: 15px !important;
  font-size: 14px !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Form Error Messages */
html body .mf-influencer-application-form .error-message,
body .mf-influencer-application-form .error-message {
  color: #8b2e2e !important;
  background-color: #f8e8e8 !important;
  border: 1px solid #8b2e2e !important;
  padding: 10px !important;
  margin-bottom: 15px !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Form Success Message */
html body .mf-influencer-application-form .success-message,
body .mf-influencer-application-form .success-message {
  color: #2e8b57 !important;
  background-color: #e8f8e8 !important;
  border: 1px solid #2e8b57 !important;
  padding: 10px !important;
  margin-bottom: 15px !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Checkbox and Radio Button Containers */
html body .mf-influencer-application-form .checkbox-container,
html body .mf-influencer-application-form .radio-container,
body .mf-influencer-application-form .checkbox-container,
body .mf-influencer-application-form .radio-container {
  margin-bottom: 10px !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Individual Checkbox and Radio Button Labels */
html body .mf-influencer-application-form .checkbox-container label,
html body .mf-influencer-application-form .radio-container label,
body .mf-influencer-application-form .checkbox-container label,
body .mf-influencer-application-form .radio-container label {
  display: inline !important;
  margin-left: 5px !important;
  font-weight: normal !important;
  color: #5c4c3a !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Required Field Indicator */
html body .mf-influencer-application-form .required,
body .mf-influencer-application-form .required {
  color: #8b2e2e !important;
}

/* Form Fieldset */
html body .mf-influencer-application-form fieldset,
body .mf-influencer-application-form fieldset {
  border: 1px solid #c4b59d !important;
  padding: 15px !important;
  margin-bottom: 20px !important;
  background-color: #f5efe4 !important;
}

/* Form Legend */
html body .mf-influencer-application-form legend,
body .mf-influencer-application-form legend {
  color: #5c4c3a !important;
  font-weight: bold !important;
  padding: 0 10px !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Text Content in Form */
html body .mf-influencer-application-form p,
html body .mf-influencer-application-form li,
html body .mf-influencer-application-form blockquote,
body .mf-influencer-application-form p,
body .mf-influencer-application-form li,
body .mf-influencer-application-form blockquote {
  color: #5c4c3a !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
  html body .mf-influencer-application-form,
  body .mf-influencer-application-form {
    padding: 15px !important;
  }

  html body .mf-influencer-application-form .form-section,
  body .mf-influencer-application-form .form-section {
    padding: 10px !important;
  }

  html body .mf-influencer-application-form button,
  html body .mf-influencer-application-form input[type="button"],
  html body .mf-influencer-application-form input[type="submit"],
  body .mf-influencer-application-form button,
  body .mf-influencer-application-form input[type="button"],
  body .mf-influencer-application-form input[type="submit"] {
    width: 100% !important;
  }
}

/* WooCommerce My Account Global Styling - Enhanced specificity for text color */
html body.woocommerce-account .woocommerce-MyAccount-navigation ul,
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 0 25px 0 !important;
  border: 2px solid #8b7355 !important;
  overflow: hidden !important;
  background-color: #f5efe4 !important;
}

html body.woocommerce-account .woocommerce-MyAccount-navigation ul li,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #c4b59d !important;
}

html
  body.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li:last-child,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none !important;
}

html body.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 12px 15px !important;
  color: #5c4c3a !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  border-left: 5px solid transparent !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

html body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background-color: #e8ddc4 !important;
  border-left: 5px solid #8b7355 !important;
}

html
  body.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.is-active
  a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: #e8ddc4 !important;
  border-left: 5px solid #8b7355 !important;
  font-weight: bold !important;
}

/* Enhanced WooCommerce My Account Content Styling with stronger text color specificity */
html body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-content,
html body .woocommerce-MyAccount-content,
body .woocommerce-MyAccount-content,
body .entry-content .woocommerce-MyAccount-content,
html body .entry-content .woocommerce-MyAccount-content {
  background-color: #f5efe4 !important;
  color: #5c4c3a !important;
  padding: 25px !important;
  border: 2px solid #8b7355 !important;
  font-family: "Crimson Text", Georgia, serif !important;
  line-height: 1.6 !important;
}

/* Force all text elements inside account content to use proper color */
html body.woocommerce-account .woocommerce-MyAccount-content *,
body.woocommerce-account .woocommerce-MyAccount-content *,
html body .woocommerce-MyAccount-content *,
body .woocommerce-MyAccount-content * {
  color: #5c4c3a !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Exception for buttons and links */
html body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content .button {
  color: #f5efe4 !important;
}

html body.woocommerce-account .woocommerce-MyAccount-content a:not(.button),
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button),
html body .woocommerce-MyAccount-content a:not(.button),
body .woocommerce-MyAccount-content a:not(.button) {
  color: #8b7355 !important;
  text-decoration: underline !important;
}

html
  body.woocommerce-account
  .woocommerce-MyAccount-content
  a:not(.button):hover,
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover,
html body .woocommerce-MyAccount-content a:not(.button):hover,
body.woocommerce-MyAccount-content a:not(.button):hover {
  color: #5c4c3a !important;
}

/* Specific styles for headings inside account content */
html body.woocommerce-account .woocommerce-MyAccount-content h1,
html body.woocommerce-account .woocommerce-MyAccount-content h2,
html body.woocommerce-account .woocommerce-MyAccount-content h3,
html body.woocommerce-account .woocommerce-MyAccount-content h4,
html body.woocommerce-account .woocommerce-MyAccount-content h5,
html body.woocommerce-account .woocommerce-MyAccount-content h6,
body.woocommerce-account .woocommerce-MyAccount-content h1,
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content h4,
body.woocommerce-account .woocommerce-MyAccount-content h5,
body.woocommerce-account .woocommerce-MyAccount-content h6 {
  color: #5c4c3a !important;
  border-bottom: 2px solid #8b7355 !important;
  padding-bottom: 10px !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Specific styles for form elements inside account content */
html body.woocommerce-account .woocommerce-MyAccount-content input:not(.button),
html body.woocommerce-account .woocommerce-MyAccount-content select,
html body.woocommerce-account .woocommerce-MyAccount-content textarea,
body.woocommerce-account .woocommerce-MyAccount-content input:not(.button),
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea {
  background-color: #f5efe4 !important;
  border: 1px solid #8b7355 !important;
  color: #5c4c3a !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* WooCommerce messages and info with proper text color */
html body.woocommerce-account .woocommerce-Message,
html body.woocommerce-account .woocommerce-message,
html body.woocommerce-account .woocommerce-info,
html body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-Message,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error,
html body .woocommerce-Message,
html body .woocommerce-message,
html body .woocommerce-info,
html body .woocommerce-error {
  background-color: #e8ddc4 !important;
  color: #5c4c3a !important;
  border: 1px solid #8b7355 !important;
  font-family: "Crimson Text", Georgia, serif !important;
  padding: 15px 15px 15px 45px !important;
  position: relative !important;
}

/* Force text color in all spans, divs, p tags in WooCommerce account */
html body.woocommerce-account span,
html body.woocommerce-account div,
html body.woocommerce-account p,
html body.woocommerce-account address,
html body.woocommerce-account label,
html body.woocommerce-account strong,
html body.woocommerce-account em,
html body.woocommerce-account li,
html body.woocommerce-account td,
html body.woocommerce-account th,
body.woocommerce-account span,
body.woocommerce-account div,
body.woocommerce-account p,
body.woocommerce-account address,
body.woocommerce-account label,
body.woocommerce-account strong,
body.woocommerce-account em,
body.woocommerce-account li,
body.woocommerce-account td,
body.woocommerce-account th {
  color: #5c4c3a !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Tables in WooCommerce account */
html body.woocommerce-account table,
body.woocommerce-account table {
  background-color: #f5efe4 !important;
  border: 2px solid #8b7355 !important;
}

html body.woocommerce-account table th,
body.woocommerce-account table th {
  background-color: #e8ddc4 !important;
  color: #5c4c3a !important;
  border: 1px solid #c4b59d !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

html body.woocommerce-account table td,
body.woocommerce-account table td {
  border: 1px solid #c4b59d !important;
  color: #5c4c3a !important;
  font-family: "Crimson Text", Georgia, serif !important;
}

/* Additional rules for payment methods and forms */
html body.woocommerce-account .payment_methods *,
body.woocommerce-account .payment_methods *,
html body.woocommerce-account form *,
body.woocommerce-account form *,
html body.woocommerce-account fieldset *,
body.woocommerce-account fieldset * {
  color: #5c4c3a !important;
  font-family: "Crimson Text", Georgia, serif !important;
}