/* Mobile: shrink manual cosplay pagination buttons */
@media (max-width: 767px){

  .wp-block-columns .wp-block-button__link,
  .wp-block-columns .wp-element-button{
    font-size: 11px !important;
    padding: 5px 7px !important;
    line-height: 1.1 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  /* Keep columns in one row */
  .wp-block-columns{
    flex-wrap: nowrap !important;
  }

}






/* Container: Keep it within screen bounds and force wrapping */
.wpgmza-marker-listing-category-filter, 
.wpgmza_cat_checkbox_holder,
.wpgmza_cat_ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important; /* This is the key to making a 2nd row */
    gap: 15px !important;
    max-width: 100% !important; /* Prevents it from going off-screen */
    padding: 10px !important;
    overflow: visible !important;
}

/* Items: Ensure they don't force a single long line */
.wpgmza_cat_ul li, 
.wpgmza_cat_checkbox_item_holder {
    display: flex !important;
    align-items: center !important;
    width: auto !important; /* Allows items to sit side-by-side */
}

/* Text: Force it back to White for your dark background */
.wpgmza-marker-listing-category-filter label,
.wpgmza_cat_checkbox_item_holder label,
.wpgmza_cat_ul li {
    color: #ffffff !important; 
    font-weight: 500 !important;
    white-space: normal !important; /* Allows text to wrap if a category name is long */
}

/* Checkbox spacing */
input[type="checkbox"].wpgmza_checkbox {
    margin-right: 8px !important;
}





.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    border: 2px solid #2ec4b6 !important;
    padding: 12px;
    border-radius: 6px;
    background-color: #111 !important;
    color: #ffffff !important;
    width: 100%;
    box-sizing: border-box;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    border-color: #ffffff !important;
    outline: none;
}

.wpcf7-submit {
    background-color: #2ec4b6 !important;
    color: #000 !important;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    width: 100%;
}







/* WP Go Maps thin popup: taller, no scroll, smaller top bar */
.wpgmza_map .wpgmza-infowindow-style-thin-column-right {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
    gap: 4px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.wpgmza_map .wpgmza-infowindow-style-thin-column-right p,
.wpgmza_map .wpgmza-infowindow-style-thin-column-right div,
.wpgmza_map .wpgmza-infowindow-style-thin-column-right span {
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.wpgmza_map .wpgmza-infowindow-style-thin-column-left img {
    max-width: 72px !important;
    height: auto !important;
}

/* Let the whole Google popup grow taller */
.gm-style .gm-style-iw-d,
.gm-style .gm-style-iw-c {
    max-height: none !important;
    overflow: visible !important;
}

/* Make the top bar / close area a little smaller */
.gm-style .gm-style-iw-c {
    padding-top: 6px !important;
}

.gm-style button.gm-ui-hover-effect {
    width: 28px !important;
    height: 28px !important;
    top: 2px !important;
    right: 2px !important;
}

/* Slightly smaller X icon */
.gm-style button.gm-ui-hover-effect img {
    width: 16px !important;
    height: 16px !important;
    margin: 6px !important;
}






/* Remove extra top spacing inside Google popup */
.gm-style .gm-style-iw-c {
    padding-top: 0px !important;
}

/* Tighten the inner wrapper */
.gm-style .gm-style-iw-d {
    padding-top: 0px !important;
    margin-top: -6px !important;
}

/* Pull close button up slightly so it aligns nicely */
.gm-style button.gm-ui-hover-effect {
    top: -2px !important;
}





/* Mobile-only fix for close X alignment */
@media (max-width: 768px) {
    .gm-style button.gm-ui-hover-effect {
        top: 2px !important;
        right: 2px !important;
        width: 30px !important;
        height: 30px !important;
    }

    .gm-style button.gm-ui-hover-effect img {
        width: 16px !important;
        height: 16px !important;
        margin: 7px !important;
    }

    .gm-style .gm-style-iw-d {
        margin-top: -2px !important;
    }
}




/* Mobile-only: pull the X up and inward */
@media (max-width: 768px) {
  .gm-style button.gm-ui-hover-effect {
    top: -6px !important;
    right: 8px !important;
    width: 28px !important;
    height: 28px !important;
  }

  .gm-style button.gm-ui-hover-effect img {
    width: 16px !important;
    height: 16px !important;
    margin: 5px !important;
  }

  .gm-style .gm-style-iw-c {
    padding-top: 0 !important;
  }

  .gm-style .gm-style-iw-d {
    margin-top: -6px !important;
  }
}






/* WooCommerce My Account form fields */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-Input,
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"],
.woocommerce form input[type="tel"] {
    background-color: #222222 !important;
    color: #ffffff !important;
    border: 1px solid #555555 !important;
}

/* Placeholder text */
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder,
.woocommerce-Input::placeholder {
    color: #bbbbbb !important;
}

/* Focus state */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce-Input:focus,
.woocommerce form input[type="text"]:focus,
.woocommerce form input[type="email"]:focus,
.woocommerce form input[type="password"]:focus,
.woocommerce form input[type="tel"]:focus {
    background-color: #2a2a2a !important;
    border-color: #3fc7c0 !important;
    outline: none !important;
    color: #ffffff !important;
}




.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}