/*
    Template: pearl
    Theme Name: Pearl Child Theme
    Theme URI: http://pearl.stylemixthemes.com/
    Author: StylemixThemes
    Author URI: http://stylemixthemes.com/
    Description: Pearl WP is a true multi-niche WordPress theme, which consist of several micro-niche themes. Each micro-niche layout has its own features, modules and specifications. You can use UI modules from any layout and mix it with other UI modules. 300+ UI modules and 250+ prebuilt pages are available for use. Open the shell and find the Pearl!
    Version: 1.1.1
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: beauty salon, blog, business, church, coach, construction, consulting, corporate, ecommerce, multipurpose, music, portfolio, restaurant, transportation, travel, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: pearl-child-theme
*/
/* ---- FORM WHITE THEME ---- */
body {
  font-family: 'Roboto', sans-serif;
}

.form-white input,
.form-white select,
.form-white textarea {
  color: white !important;
  background-color: rgba(0, 0, 0, 0.4); /* Dark semi-transparent background */
  border: 1px solid white !important;
  padding: 10px;
  border-radius: 6px;
}

.form-white ::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
  opacity: 1;
}

.form-white label,
.form-white small,
.form-white output {
  color: white !important;
}

/* ---- FIX INVISIBLE TEXT WHEN SELECTED ---- */
.form-white ::selection {
  background: #4CAF50; /* Highlight background color */
  color: white;
}

.form-white input::selection,
.form-white textarea::selection {
  background: #4CAF50;
  color: white;
}

/* Optional: Better spacing for range slider area */
.form-white input[type="range"] {
  width: 100%;
  margin-top: 10px;
}
.wpcf7-form label {
  color: white;
  display: block;
  margin-bottom: 10px;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  background-color: rgba(255,255,255,0.1);
  border: 1px solid #ccc;
  color: white;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
}

.wpcf7-acceptance a {
  color: white;
  text-decoration: underline;
}
/* Force different logo for sticky header */
.header-sticky .site-logo img {
  content: url('/wp-content/uploads/2025/05/your-dark-logo.png') !important;
}
.header-sticky .site-logo img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}