/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* Begin talent profile form */
.page-template-edit-talent-profile h1 {
  max-width: 700px;
  margin: 40px auto 20px;
  text-align: center;
  padding: 0 20px;
 
 color: black; /* or a bright color like #f8f9fa */
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}

form.acf-form {
  font-family: 'Poppins', sans-serif;
  background-color: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  max-width: 960px;
  margin: 40px auto;
}

form.acf-form h2, form.acf-form h3, form.acf-form label {
  color: #333;
  font-weight: 600;
}

form.acf-form select,
form.acf-form input[type="text"],
form.acf-form input[type="email"],
form.acf-form textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  margin-bottom: 20px;
  transition: border 0.3s;
}

form.acf-form select:focus,
form.acf-form input:focus,
form.acf-form textarea:focus {
  border-color: #007bff;
  outline: none;
}

form.acf-form .acf-radio-list label,
form.acf-form .acf-checkbox-list label {
  display: inline-block;
  background: #f1f4f8;
  padding: 10px 16px;
  border-radius: 30px;
  margin: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.3s;
}

form.acf-form .acf-radio-list input:checked + label,
form.acf-form .acf-checkbox-list input:checked + label {
  background-color: #007bff;
  color: white;
}

form.acf-form input[type="submit"],
form.acf-form button {
  background-color: #007bff;
  color: white;
  padding: 12px 28px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
  transition: background 0.3s;
}

form.acf-form input[type="submit"]:hover,
form.acf-form button:hover {
  background-color: #0056b3;
}
/* end talent profile form */


/* Gravity Forms - Dark Theme */
.registration_form {
    background: #000 !important; /* Black background */
    color: #fff !important; /* White text */
    padding: 20px !important;
    border-radius: 8px !important;
}

/* Form Labels */
.registration_form .gfield_label {
    color: #fff !important;
}

/* Fix radio and checkbox labels */
.registration_form .gfield_radio label, 
.registration_form .gfield_checkbox label {
    color: #fff !important;
}

/* Improve contrast on input fields */
.registration_form input[type="text"],
.registration_form input[type="email"],
.registration_form input[type="tel"],
.registration_form textarea,
.registration_form select {
    background: #111 !important; /* Slightly lighter black */
    color: #fff !important;
    border: 1px solid #555 !important;
    padding: 10px !important;
    border-radius: 5px !important;
}

/* Improve contrast on placeholder text */
.registration_form ::placeholder {
    color: #ddd !important;
}

/* Improve contrast on help text (descriptions under fields) */
.registration_form .gfield_description, .gform-field-label  {
    color: white !important;
}

/* Fix sublabels (like 'Prénom', 'Nom de famille') */
.registration_form .ginput_complex .ginput_left label,
.registration_form .ginput_complex .ginput_right label {
    color: white !important;
}

/* Radio and checkbox styling */
.registration_form input[type="radio"],
.registration_form input[type="checkbox"] {
    accent-color: #fff !important; /* Makes the radio/checkbox white */
}

/* Improve contrast on the submit button */
.registration_form .gform_button {
    background: #01BCDF !important;
    color: white !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    transition: 0.3s ease-in-out;
}

.registration_form .gform_footer input {
position: relative !important;
margin: auto !important;
}

.registration_form .gform_button:hover {
    background: #ddd !important;
}

/* Makes gf font nicer */
.registration_form label {font-family: var(--global-body-font-family);
font-size: 16px !important;}

.registration_form h3 {color:white;}

.registration_form .gfield_label {
	font-family: var(--global-body-font-family);
		font-size:18px !important;
	font-weight:bold;
}

/* Mailing List button */
.button-red {
    background-color: #FF3B30 !important; /* Red background */
    color: white; /* White text */
    padding: 10px 20px; /* Adjust padding for height/width */
    border: none; /* Remove border */
    border-radius: 4px; /* Slightly rounded corners */
    font-weight: bold; /* Bold text */
    font-size: 14px; /* Adjust font size */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* So padding works */
    cursor: pointer; /* Pointer on hover */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.button-red:hover {
    background-color: #e32d22; /* Slightly darker red on hover */
}


/* Removes space between fields of mailing list sign up */
#gform_fields_4, #gform_fields_2 {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping */
    gap: 0; /* No gap between elements */
    align-items: center; /* Vertically align */
}

#gform_fields_4 .gfield, #gform_fields_2 .gfield {
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding if any */
}

#gform_fields_4 input[type="email"], #gform_fields_2 input[type="email"] {
    border-radius: 4px 0 0 4px; /* Round only left corners */
    margin: 0; /* Remove margin */
}

#gform_fields_4 .button-red, #gform_fields_2 .button-red {
    border-radius: 0 4px 4px 0; /* Round only right corners */
    margin: 0; /* Remove margin */
    height: 100%; /* Match height of input */
}

#gform_fields_4 .ginput_container, #gform_fields_2 .ginput_container {
    width: 100%; /* Make sure input takes available width */
}

/* Edit peformer info radio boxes */
.acf-input ul.acf-checkbox-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px 16px;
    padding: 0;
    list-style: none;
}

.acf-input .acf-bl::before {
	content: none;
}

form.acf-form select {
  width: 150px; /* adjust as needed */
}

form.acf-form input[type="text"] {
  width: 450px; /* adjust as needed */
}




/* Artists List */
@media (min-width: 761px) {
	.artist-info span.porch, .artist-info span.hour { line-height:1.1;}
	
	.artist-info span.zone {font-size: 14px}
	
	.artist-grid {
	  display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	  gap: 2rem;
	  max-width: 1200px;
	  margin: 2rem auto;
	  padding: 0 1rem;
	}

	.artist-card {
	  /*background-color: #1e1e1e;*/
	  background-color: rgba(20, 20, 20, 0.90); /* dark gray with 85% opacity */
	  backdrop-filter: blur(4px);
	  
	  border-radius: 20px;
	  overflow: hidden;
	  color: white;
	  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
	  display: flex;
	  flex-direction: column;
	  transition: transform 0.3s ease;
	}

	.artist-card:hover {
	  transform: translateY(-4px);
	}

	.artist-card img {
	  aspect-ratio: 4 / 2; /* or 3/2, 16/9 */
	  width: 100%;
	  object-fit: cover;
	}

	.artist-info {
	  padding: 1.4rem 1.5rem;
	  display: flex;
	  flex-direction: column;
	  gap: 0.2rem;
	}

	.artist-info h3 {
	  font-size: 1.4rem;
	  font-weight: 800;
	  margin: 0;
	  margin-bottom:0 !important;
	  color: white;
	}

	.artist-info .artist-genre {
	  font-style: italic;
	  font-size: 0.95rem;
	  color: #ffbe7f;
	}

	.artist-info .artist-bio {
	  font-size: 0.95rem;
	  line-height: 1.6;
	  color: #ddd;
	}

	.artist-meta {
	  font-size: 0.9rem;
	  color: #ccc;
	  margin-top: auto;
	}

	.artist-socials {
	  display: flex;
	  gap: 0.7rem;
	  margin-top: 0.5rem;
	  flex-wrap: wrap;
	}

	.artist-socials img {
	  width: 22px;
	  height: 22px;
	  filter: brightness(0) invert(1);
	}

	.hour {
		margin-top:10px; 
		color: #ffbe7f; 
		font-weight:bold;
	}
}

@media (max-width:500px) {
	.artist-info .zone {
		font-size:12px;
	}
	
	.artist-card {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		background-color: #1e1e1e;
		border-radius: 5px;
		overflow: hidden;
		padding: 8px;
		margin-bottom: 4px;
  }

	.artist-card img {
		width: 90px;
		height:60px;
		border-radius: 5px;
		object-fit: cover;
		margin-right: 10px;
	  }
   .artist-bio {
	  display: none;
  }

  .artist-info {
    flex: 1;
    color: white;
  }

  .artist-info h3 {
    font-size: 14px;
	color: white;
  }

	.hour {
		margin-top:0px; 
		color: #ffbe7f; 
		font-weight:bold;"
	}
	
	.artist-info h3, .artist-genre {
	margin-bottom:0 !important;
	}
	
  .artist-genre {
    font-style: italic;
    font-size: 0.9rem;
    color: #ffbe7f;
    margin-bottom: 6px;
  }

  .artist-socials {
    display: none;
  }


  .hour {
    display: block;
    color: #ffbe7f;
    font-weight: bold;
    font-size: 12px;
    margin-top: 0px;
  }

  .porch {
    display: block;
    font-size: 0.85rem;
    color: #ddd;
    margin-top: 2px;
  }
}



@media (min-width: 501px) and (max-width: 760px) {
	.artist-info .zone {
		font-size:12px;
	}
  .artist-card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background-color: #1e1e1e;
    border-radius: 20px;
    overflow: hidden;
    padding: 8px;
    margin-bottom: 5px;
  }

  .artist-card img {
    width: 180px;
    height:120px;
    border-radius: 10px;
    object-fit: cover;
    margin-right: 10px;
  }
  
  .artist-bio {
	  display: none;
  }

  .artist-info {
    flex: 1;
    color: white;
  }

  .artist-info h3 {
    font-size: 1.1rem;

	color: white;
  }

	.hour {
		margin-top:0px; 
		color: #ffbe7f; 
		font-weight:bold;"
	}
	
.artist-info h3, .artist-genre {
	margin-bottom:0 !important;
	}
	
  .artist-genre {
    font-style: italic;
    font-size: 0.9rem;
    color: #ffbe7f;
    margin-bottom: 6px;
  }

  .artist-socials {
    display: none;
  }


  .hour {
    display: block;
    color: #ffbe7f;
    font-weight: bold;
    font-size: 0.9rem;
    margin-top: 0px;
  }

  .porch {
    display: block;
    font-size: 0.85rem;
    color: #ddd;
    margin-top: 2px;
  }
}

.artist-filters {
	display: flex;
	gap: 12px;
	justify-content: center;
	margin: 40px auto;
	padding: 10px 20px;
	flex-wrap: wrap;
}

.artist-filters select {
	background-color: #1a1a1a;
	color: #fff;
	border: 1px solid #444;
	border-radius: 8px;
	padding: 8px 14px;
	font-size: 14px;
	appearance: none;
	cursor: pointer;
	min-width: 220px;
	transition: border-color 0.2s ease;
}

.artist-filters select:focus {
	border-color: #888;
	outline: none;
}

/* End Artists List */




/* Hide license notice */
.wp-mail-smtp-license-notice {display: none !imporant;}

/* Edt performer wrap */
.edit-performer-wrap {
    max-width: 960px;
	width: 100%;
    margin: 40px auto;
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.edit-performer-wrap h1 {
    font-size: 1.5em;
    margin-bottom: 20px;
    text-align: center;
}

.edit-performer-wrap h2 {
    font-size: 1.2em;
    margin-top: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
	margin-bottom:30px;
}

/* Edit Performer Buttons */
.logout-button {
    display: inline-block;
    background-color: #cc0000;
    color: #fff;
    padding: 8px 14px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    transition: background-color 0.2s ease;
}

.logout-button:hover {
    background-color: #990000;
}

.acf-form input[type="submit"] {
    display: block;
    margin: 30px auto 0 auto;
    padding: 10px 25px;
    background-color: #0066cc;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.acf-form input[type="submit"]:hover {
    background-color: #004999;
}

#acf-field_6805563964b8c, #acf-field_67fd280378fb5, #acf-field_67e73c332f60b, #acf-field_67fec9d31af60 {height:120px;}

/* Tablet (<= 768px) */
@media (max-width: 768px) {
	#acf-field_6805563964b8c, #acf-field_67fd280378fb5, #acf-field_67e73c332f60b, #acf-field_67fec9d31af60 {height:150px;}
}

/* Mobile (<= 480px) */
@media (max-width: 480px) {
	#acf-field_6805563964b8c, #acf-field_67fd280378fb5, #acf-field_67e73c332f60b, #acf-field_67fec9d31af60 {height:180px;}
}

/* Add a bit of padding to the icon list on home page */
.icon-list-home-porchfest li {padding-top:24px !important;}
.icon-list-home-porchfest  .kt-svg-icon-list-text {padding-left:10px;}

.total_field_pf input {color: white !important}