/*
 Theme Name:   Zakra Child
 Template:     zakra
 Version:      1.0.0
*/
a.right-box {
  width: 290px;
  height: 30px;
  padding: 0px;
  text-align: center;
  border: 2px solid #ffffff;
  background: #f23105;
  line-height: 17px;
  font-size: 22px;
  display: block;
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 0px;
}
.blinking {
  animation: blinkingText 1.2s infinite;
}
.zak-top-bar, .zak-footer {
  color: #111111;
  font-size: 1.4rem;
}

.elementor-button {
  line-height: 1;
  font-size: 15px;
  color: #ffffff !important;
  fill: #ffffff;
  text-align: center;
}

.elementor-heading-title {
  line-height: 1;
  margin: 10px 0px 20px 0px; !important;
  padding: 0;
}

.elementor-search-form__submit,
form.search-form button[type="submit"],
form.search-form input[type="submit"],
.search-form button {
    display: none !important;
}

.zak-page-header, .zak-container--separate .zak-page-header {
  background-color: #eeeeee
}

@media (max-width: 767px) {
    /* मोबाइल पर 3 कॉलम का ग्रिड बनाने के लिए */
    ul.products.columns-6,
    .woocommerce ul.products[class*="columns-"] {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important; /* किताबों के बीच का गैप */
    }

    /* प्रोडक्ट्स की विड्थ ग्रिड के हिसाब से सेट करें */
    ul.products.columns-6 li.product,
    .woocommerce ul.products[class*="columns-"] li.product {
        width: 100% !important;
        margin: 0 !important;
    }

    /* मोबाइल स्क्रीन के लिए टेक्स्ट और बटन का साइज़ कॉम्पैक्ट करें */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 11px !important;
        line-height: 1.2 !important;
        min-height: 26px !important;
    }
    .woocommerce ul.products li.product .price {
        font-size: 11px !important;
        margin-bottom: 4px !important;
    }
    .woocommerce ul.products li.product .button {
        font-size: 10px !important;
        padding: 4px 2px !important;
        min-height: auto !important;
    }
}