/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

@font-face {
  font-family: "montserrat";
  font-weight: 400;
  src: url("./fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "montserrat";
  font-weight: 500;
  src: url("./fonts/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
    font-family: 'montserrat';
    font-weight: 600;
    src: url('./fonts/Montserrat-SemiBold.ttf')format("truetype");
}

@font-face {
    font-family: 'montserrat';
    font-weight: 700;
    src: url('./fonts/Montserrat-Bold.ttf')format("truetype");
}

/*CSS STYLING MOBILE RESPONSIVE*/

@media screen and (max-width: 768px) {
    * {
        font-size: 20px !important;
    }
    
    h1 {
        font-size: 28px !important;
    }
    
    h2 {
        font-size: 25px !important;
    }
    
    h3 {
        font-size: 22px !important;
    }
    
    h4, h5, h6 {
        font-size: 20px !important;
    }

    /* Buttons */
    button,
    .button,
    input[type="button"],
    input[type="submit"],
    .btn,
    a.button {
        font-size: 10px !important;
    }
    /* Remove vertical bars in footer links */
    .footer a::after,
    footer a::after,
    .quick-links a::after,
    #footer-links a::after {
        content: none !important;
    }
    
    /* Or target the specific separator character */
    .footer *,
    footer *,
    .quick-links *,
    #footer-links * {
        border: none !important;
    }

    /* If the separator is text content, hide it */
    .footer-separator,
    .separator,
    footer span:contains("|"),
    .quick-links span:contains("|") {
        display: none !important;
    }
}

.ox-logo,
.oxpay-logo,
#payment-header,
.payment-logo,
[class*="ox-"],
[class*="oxpay-"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.wc_payment_method img,
.payment-method-item img {
    max-width: 120px !important;  /* Reduced from 200px to 120px */
    max-height: 40px !important;  /* Added max-height constraint */
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    vertical-align: middle !important;
}

/* For the logos specifically */
img[src*="wechatpay"],
img[src*="alipay"] {
    max-width: 120px !important;
    max-height: 40px !important;
}