/*
Theme Name: Junksaway (Wastix Child)
Theme URI: https://junksaway.co.uk/
Description: Child theme for the Wastix theme for Junksaway.co.uk. Developed by Fresh Lemon.
Author: Fresh Lemon
Template: wastix
Version: 1.0.0
Text Domain: wastix-junksaway-child
*/

/* Add your custom CSS below this line. */

body.page-id-9523 .cc_wa_ico {
  display: none;
}

/* swiper css */
.swiper-button-next,
.swiper-button-prev {
  background: #E6F4E6;
  border: 2px solid #80BF72;
  top: calc(100% - 20px);
  padding: 7px;
  border-radius: 7px;
  width: 40px !important;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}

.swiper-pagination-bullet-active {
  background: #80BF72;
}

#mysticky-nav #cc_site_header,
#mysticky-nav.wrapfixed .myfixed {
  box-shadow: 0px 10px 30px 20px rgb(16 26 47 / 30%);
  width: 100% !important;
}

/* wp form css */
.cc_form_style input,
.cc_form_style textarea,
.cc_form_style select,
div.wpforms-uploader {
  padding-left: 30px !important;
  padding-right: 30px !important;
  border-width: 2px !important;
}

.cc_form_style input::placeholder,
.cc_form_style textarea::placeholder {
  color: #000 !important;
  font-weight: 600 !important;
}

.cc_form_style div.wpforms-container-full .wpforms-form .wpforms-head-container {
  padding-bottom: 15px !important;
}

.cc_form_style div.wpforms-container-full .wpforms-form .wpforms-title {
  font-size: 32px;
  text-align: center;
}

.cc_form_style .wpforms-container .wpforms-field {
  padding: 10px 0 !important;
}

.cc_form_style #wpforms-6201-field_8-container {
  padding: 0 !important;
}

.cc_form_style span.modern-title,
#wpforms-form-9534 span.modern-title {
  position: relative;
  color: transparent !important;
}

.cc_form_style span.modern-title:after,
#wpforms-form-9534 span.modern-title:after {
  position: absolute;
  content: 'Upload (Photos/Videos)';
  width: 100%;
  top: 0;
  left: 0;
  color: #333333;
  font-weight: 600;
}

.cc_form_style .wpforms-uploader .dz-message svg,
#wpforms-form-9534 .wpforms-uploader .dz-message svg {
  display: none;
}

.cc_form_style .wpforms-uploader .dz-message::before,
#wpforms-form-9534 .wpforms-uploader .dz-message::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto 5px;
  background-image: var(--cc-upload-icon, url('/wp-content/uploads/2025/06/cam_ico_s8ss.svg'));
  background-size: contain;
  background-repeat: no-repeat;
}

.cc_form_style .wpforms-submit-container {
  text-align: center;
}

.cc_form_style .wpforms-submit-container button {
  text-transform: uppercase;
  color: #0f1d3f !important;
  background: #50CE5D !important;
  padding: 13px 50px !important;
}

.cc_form_style .wpforms-container-full input:focus,
.cc_form_style .wpforms-container-full textarea:focus,
.cc_form_style .wpforms-container-full select:focus,
.cc_form_style .wpforms-container-full .wpforms-uploader.wpforms-focus,
#wpforms-form-9534 .wpforms-uploader.dz-clickable.wpforms-focus {
  box-shadow: none !important;
}

.cc_form_style #wpforms-6201-field_8-container {
  scrollbar-width: none !important;
}

.cc_form_style div.wpforms-container div.wpforms-uploader .dz-preview {
  border-color: #97ca99 !important;
}

#wpforms-form-9534 .wpforms-uploader.dz-clickable {
  background: none;
  border: 4px dashed #016b2f80 !important;
}

#wpforms-form-9534 .wpforms-uploader .dz-preview .dz-image,
#wpforms-form-9534 .wpforms-uploader .dz-preview .dz-image img {
  min-width: 70px;
  min-height: 70px;
}

#wpforms-form-9534 .dz-preview .dz-remove:after,
#wpforms-form-9534 .dz-preview .dz-remove:before {
  background-color: #ff0000;
  height: 20px;
}

/* postcode */
#wpforms-form-9517 {
  position: relative;
}

#wpforms-form-9517 .wpforms-submit-container {
  position: absolute;
  top: 1px;
  right: 0;
  margin-top: 0;
  width: 41%;
  height: 58px;
}

#wpforms-form-9517 #wpforms-9517-field_1-container {
  padding: 0;
}

#wpforms-form-9517 #wpforms-9517-field_1 {
  font-size: 1.4em;
  width: 60%;
  border-radius: 15px 0px 0px 15px;
  padding: 0 15px;
  height: 60px;
}

#wpforms-form-9517 #wpforms-9517-field_1:focus {
  box-shadow: 0 0 0 1px #58bb5d00, 0px 1px 2px rgba(0, 0, 0, 0.15);
}

#wpforms-form-9517 #wpforms-submit-9517 {
  height: 100%;
  width: 100%;
  font-size: 1.2em;
  padding: 0 10px;
  border-radius: 0 15px 15px 0;
}

#wpforms-form-9517 #wpforms-submit-9517:focus:after,
#wpforms-form-9534 .wpforms-page-button:focus:after,
button#wpforms-submit-9534:focus:after {
  border: 0;
}

#wpforms-form-9517 .wpforms-submit-spinner {
  position: absolute;
  top: 0;
  right: 3px;
  height: 60px;
}

#wpforms-submit-9517.wpforms-submit.wpforms-disabled) {
  opacity: 1 !important;
}

#wpforms-9534-field_13-time {
  pointer-events: none;
  user-select: text;
}

/* later postcode */
#wpforms-form-9534 .wpforms-page-indicator {
  margin: 0;
}

#wpforms-form-9534 .wpforms-field .wpforms-page-button {
  margin: 10px 0;
  background: #7FC072;
  color: #ffffff;
  width: 100%;
  font-weight: bold;
  min-height: 50px;
  font-size: 20px;
}

#wpforms-form-9534 .wpforms-submit-container {
  margin-top: 0;
}

#wpforms-form-9534 button#wpforms-submit-9534 {
  width: 100%;
  font-weight: 700;
  min-height: 50px;
}

#wpforms-form-9534 h3.wpforms-field-label {
  font-size: 1em;
  padding: 0;
  margin: 10px 0;
}

#wpforms-form-9534 .wpforms-field-label:before {
  border-top: 0 !important;
}

#wpforms-form-9534 input[type="radio"] {
  display: none;
}

#wpforms-form-9534 .wpforms-field-radio ul li label {
  border: 2px solid #7FC072;
  padding: 13px;
  border-radius: 12px;
  min-width: 80px;
  text-align: center;
  font-weight: bold;
}

#wpforms-form-9534 .wpforms-field-label {
  font-size: 1.1em !important;
}

#wpforms-form-9534 .wpforms-field-radio ul li.wpforms-selected label {
  background: #7FC072;
  color: #fff;
}

#wpforms-form-9534 .cc_html_block {
  background: #80c072;
  border-radius: 12px;
  position: relative;
  margin-bottom: 25px;
}

#wpforms-form-9534 .cc_html_block span,
#wpforms-form-9534 .cc_html_block a {
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
}

#wpforms-form-9534 .cc_html_block span {
  display: block;
  text-align: center;
  text-transform: uppercase;
}

#wpforms-form-9534 .cc_html_block a.icon {
  position: absolute;
  top: 0;
  padding: 5px;
  width: 60px;
  height: 100%;
  text-align: center;
  line-height: 50px;
  display: none;
}

#wpforms-form-9534 .cc_html_block a svg {
  width: 15px;
  fill: #fff;
}

#wpforms-form-9534 .wpforms-field-medium {
  font-size: 1.4em;
  min-height: 60px;
  border-color: #7FC072;
}

#wpforms-form-9534 .cc_find_address {
  padding: 0 0 20px;
}

#wpforms-form-9534 .cc_find_address #wpforms-9534-field_49 label {
  text-decoration: underline;
}

#wpforms-form-9534 .dz-message {
  margin-bottom: 20px;
}

#wpforms-form-9534 .dz-preview {
  background: #f2ffef;
  border-radius: 12px;
  padding: 15px;
}

#wpforms-form-9534 .dz-preview .dz-remove:after,
#wpforms-form-9534 .dz-preview .dz-remove:before {
  background: #ac0000;
  padding: 2px;
  height: 25px;
  top: 0px;
  right: 23px;
  border-radius: 5px;
}

#wpforms-form-9534 .dz-preview .dz-image {
  border-radius: 12px;
}

#wpforms-form-9534 .dz-preview .dz-progress {
  bottom: 5px;
  width: calc(100% - 30px);
}

/* postcode */
@media only screen and (max-width: 600px) {
  .cc_form_style div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) {
    overflow-x: unset !important;
  }
}

.cc_call_team {
  clip-path: polygon(90% 0, 87% 10%, 100% 50%, 98% 72%, 100% 100%, 0 100%, 0 0);
}

.elementor-1472 .elementor-element.elementor-element-df68b3b .modaal-container.modaal-container {
  overflow: inherit !important;
}

.post-password-form {
  padding: 50px;
  text-align: center;
}

/*Forminator center align*/
.forminator-ui.forminator-custom-form[data-design=default] .forminator-field {
  text-align: center;
}

.forminator-ui#forminator-module-4231.forminator-design--default .forminator-button-submit {
  border-radius: 25px;
}

.forminator-ui#forminator-module-4231.forminator-design--default .forminator-input {
  padding: 10px;
}

.forminator-ui#forminator-module-4231.forminator-design--default .forminator-multi-upload {
  border-style: solid;
  border-radius: 25px;
}

#waste-form .wpforms-head-container {
  display: none;
}

#waste-form .wpforms-container .wpforms-field,
.wp-core-ui div.wpforms-container .wpforms-field {
  padding: 2px 0;
  position: relative;
}

#waste-form #get h2 {
  font-family: "Montserrat";
  font-size: 40px;
  margin-bottom: -15px;
}

#waste-form button#wpforms-submit-10114 {
  background-color: #19c741;
  width: 181px;
  color: #000;
  font-weight: 700;
  border-radius: 53px;
  font-size: 20px;
}

/* cookie consent */
.cky-btn {
  border-radius: 30px !important;
}

/* modelier */
.modaal-content-container {
  padding: 30px !important;
}

body.page-id-11246 a[href*="wa.me"],
body.page-id-11246 a[href*="api.whatsapp.com"],
body.page-id-11246 a[href*="whatsapp.com"],
body.page-id-11246 *[style*="position: fixed"][style*="border-radius: 50%"] {
  display: none !important;
}

#wpforms-form-11249 .wpforms-head-container {
  display: none !important;
}

/* Modalier (Modaal) – force all popup text to black */
.modaal-wrapper .modaal-content-container,
.modaal-wrapper .modaal-content-container * {
  color: #000000 !important;
}

/* Footer: force TEXT to black only (no icons) */
.elementor-location-footer,
.elementor-location-footer p,
.elementor-location-footer span,
.elementor-location-footer li,
.elementor-location-footer a {
  color: #000000 !important;
}

/* Preserve icon colours */
.elementor-location-footer svg,
.elementor-location-footer svg *,
.elementor-location-footer i {
  fill: initial !important;
  color: initial !important;
}

@media (max-width: 767px) {
  /* Force footer TEXT to black on mobile */
  footer,
  footer p,
  footer span,
  footer li,
  footer a,
  .elementor-location-footer,
  .elementor-location-footer p,
  .elementor-location-footer span,
  .elementor-location-footer li,
  .elementor-location-footer a,
  .elementor-location-footer .elementor-icon-list-text,
  .elementor-location-footer .elementor-nav-menu a,
  .elementor-location-footer .elementor-nav-menu a span {
    color: #000 !important;
  }

  /* Keep icons unchanged */
  footer svg,
  footer svg *,
  footer i,
  .elementor-location-footer svg,
  .elementor-location-footer svg *,
  .elementor-location-footer i {
    color: inherit !important;
    fill: currentColor !important;
  }

  /* Ensure link states stay black */
  footer a:hover,
  footer a:visited,
  footer a:active,
  .elementor-location-footer a:hover,
  .elementor-location-footer a:visited,
  .elementor-location-footer a:active {
    color: #000 !important;
  }
}

/* Footer social icons: restore circles + make glyphs white */
footer .elementor-social-icon {
  background-color: #3f6f55 !important;
}

footer .elementor-social-icon i,
footer .elementor-social-icon svg,
footer .elementor-social-icon svg * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.modaal-wrapper .modaal-content-container p {
  margin-bottom: 0.6em !important;
}

/* TERMS POPUP: remove all spacing between lines */
.modaal-wrapper .modaal-content-container p,
.modaal-wrapper .modaal-content-container .elementor-text-editor p {
  margin: 0 !important;
  padding: 0 !important;
}

/* TERMS POPUP: add ONE space before each bold title */
.modaal-wrapper .modaal-content-container p strong,
.modaal-wrapper .modaal-content-container .elementor-text-editor p strong {
  display: block !important;
  margin-top: 1em !important;
  margin-bottom: 0 !important;
}

/* Terms popup: remove paragraph gaps */
.modaal-wrapper .modaal-content-container p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Terms popup: add space only before titles (headings) */
.modaal-wrapper .modaal-content-container h1,
.modaal-wrapper .modaal-content-container h2,
.modaal-wrapper .modaal-content-container h3,
.modaal-wrapper .modaal-content-container h4,
.modaal-wrapper .modaal-content-container h5,
.modaal-wrapper .modaal-content-container h6 {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
}

/* TERMS MODAL: remove gaps caused by multiple UL blocks + empty items */
.modaal-wrapper .modaal-content-container ul {
  margin: 0 !important;
  padding-left: 1.2em !important;
}

.modaal-wrapper .modaal-content-container li {
  margin: 0 !important;
  padding: 0 !important;
}

.modaal-wrapper .modaal-content-container li:empty {
  display: none !important;
}

.modaal-wrapper .modaal-content-container h5 {
  margin: 1em 0 0.25em !important;
  font-weight: 700 !important;
}

.modaal-wrapper .modaal-content-container h5:empty {
  display: none !important;
}

.modaal-wrapper .modaal-content-container span {
  display: block;
  margin: 0 0 0.25em !important;
}

.modaal-wrapper h5,
.modaal-wrapper ul,
.modaal-wrapper li,
.modaal-wrapper span,
.modaal-wrapper b {
  margin: 0 !important;
  padding: 0 !important;
}

.modaal-wrapper span {
  display: block !important;
  margin-bottom: 6px !important;
}

.modaal-wrapper ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 18px !important;
}

.modaal-wrapper h5 {
  margin-top: 16px !important;
  margin-bottom: 4px !important;
  font-weight: 700 !important;
}

.modaal-wrapper h5:first-of-type {
  margin-top: 0 !important;
}
/* TERMS POPUP ONLY: remove UL gaps and keep clean spacing */
.terms-popup ul {
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

.terms-popup li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Space before each title only */
.terms-popup h5 {
  margin: 14px 0 6px !important;
  font-weight: 700 !important;
}

/* Make your spans behave like normal paragraphs but tight */
.terms-popup span {
  display: block !important;
  margin: 0 0 8px !important;
}

/* Nested lists (like 3.2.1, 3.2.2 etc) should indent slightly */
.terms-popup ul ul {
  padding-left: 18px !important;
}
/* TERMS POPUP ONLY (inline-a4a67599): force consistent left margin */
#inline-a4a67599,
#inline-a4a67599 * {
  margin-left: 0 !important;
}

/* Remove default UL indentation + spacing */
#inline-a4a67599 ul {
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

/* Keep items aligned */
#inline-a4a67599 li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Indent only nested items (like 3.2.1 etc) */
#inline-a4a67599 ul ul {
  padding-left: 18px !important;
}

/* Headings: only vertical spacing */
#inline-a4a67599 h5 {
  margin-top: 14px !important;
  margin-bottom: 6px !important;
  font-weight: 700 !important;
}

#inline-a4a67599 h5:empty {
  display: none !important;
}
/* TERMS POPUP: remove ALL indentation everywhere */
.modaal-wrapper .modaal-content-container ul,
.modaal-wrapper .modaal-content-container ol {
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

/* Make every list item flush left */
.modaal-wrapper .modaal-content-container li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Also kill nested list indentation */
.modaal-wrapper .modaal-content-container ul ul,
.modaal-wrapper .modaal-content-container ol ol,
.modaal-wrapper .modaal-content-container ul ol,
.modaal-wrapper .modaal-content-container ol ul {
  margin: 0 !important;
  padding-left: 0 !important;
}