/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Your Name
Template: astra
Version: 1.0
*/

/* ✅ Your custom CSS goes below this line */


/* =======================================================
   GLOBAL TYPOGRAPHY
   ======================================================= */
body {
    font-family: "Lucida Bright", "Times New Roman", serif !important;
}

/* UAGB Blocks (Contact, Info, Icons) */
.wp-block-uagb-container.uagb-block-uayvmdtk,
.wp-block-uagb-container.uagb-block-uayvmdtk *,
.wp-block-uagb-info-box .uagb-ifb-title,
.wp-block-uagb-info-box .uagb-ifb-desc,
.wp-block-uagb-icon-list .uagb-icon-list__label {
    font-family: "Lucida Bright", Georgia, serif !important;
}

/* =======================================================
   HEADER & LOGO
   ======================================================= */
/* Force original logo colors (disable theme/dark mode filters) */
.ast-site-identity .custom-logo,
.site-logo img {
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    transition: none !important;
}

/* SVG logos */
.site-logo svg {
    fill: initial !important;
    stroke: initial !important;
}

/* =======================================================
   PAGE TITLES & HEADERS
   ======================================================= */
.woocommerce-products-header,
.woocommerce-products-header__title,
.woocommerce-products-header .page-title,
.woocommerce-products-header .woocommerce-breadcrumb,
.page-title {
    display: none !important;
}

/* =======================================================
   SHOP / ARCHIVE PRODUCTS
   ======================================================= */
/* --- Uniform product image container --- */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .secondary-image {
    width: 100% !important;
    height: 200px; /* fixed height */
    object-fit: contain;
    background: #fff;
    padding: 5px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    display: block;
    margin: 0 auto 10px auto;
    transition: opacity .3s ease-in-out;
}

/* --- Secondary image hover (swap only) --- */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    position: relative;
    display: block;
    overflow: hidden;
}

.woocommerce ul.products li.product .secondary-image {
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
}

.woocommerce ul.products li.product:hover .woocommerce-LoopProduct-link img:first-of-type {
    opacity: 0;
}
.woocommerce ul.products li.product:hover .secondary-image {
    opacity: 1;
}

/* --- Product title styling --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-top: 12px;
    font-size: 22px;   /* bigger */
    font-weight: 600;  /* semi-bold */
    text-align: center;
    line-height: 1.3;
}


/* =======================================================
   SINGLE PRODUCT PAGE
   ======================================================= */
/* Category text */
.single-product-category a {
    font-size: 1.9em;
    font-weight: 600;
}

/* Add to cart form layout */
.single-product form.cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    gap: 10px;
}
.single-product form.cart .single_add_to_cart_button {
    width: auto;
}

/* Product description labels */
.woocommerce-product-details__short-description strong {
    font-weight: 800 !important;
    color: #000 !important;
    margin-right: 5px;
    display: inline-block;
}

/* =======================================================
   WPC FILTERS
   ======================================================= */
.wpc-filters-widget-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wpc-filters-section {
  flex: 1 1 30%;
  min-width: 200px;
}

.wpc-filters-section .select2-container {
  width: 100% !important;
}

@media (max-width: 768px) {
  .wpc-filters-section {
    flex: 1 1 100%;
  }
}

/* =======================================================
   PAGINATION
   ======================================================= */
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover {
    background-color: #009bd4 !important;
    color: #fff !important;
    border-color: #009bd4 !important;
}

/* Fix Contact Page (Kubio) mobile scaling */
.page-id-XX .kubio-contact-form * {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
}

/* Make icons resize properly */
.page-id-XX .kubio-contact-form i,
.page-id-XX .kubio-contact-form svg {
    font-size: 18px !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.2 !important;
}

/* Prevent inputs from overflowing */
.page-id-XX .kubio-contact-form input,
.page-id-XX .kubio-contact-form textarea {
    width: 100% !important;
    font-size: 16px !important;
}
/* 🔹 Change Contact Form Submit Button color */
.uagb-forms-main-submit-button.wp-block-button__link {
  background-color: #017cba !important; /* your blue */
  color: #fff !important; /* white text */
  border: none !important;
  border-radius: 6px; /* smooth corners */
  padding: 12px 28px;
  font-weight: 600;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* 🔹 Hover effect */
.uagb-forms-main-submit-button.wp-block-button__link:hover {
  background-color: #0269a0 !important; /* darker blue on hover */
  transform: scale(1.03);
}
.dashboard-header {
    display:flex; align-items:center; justify-content:space-between;
    gap:1rem; flex-wrap:wrap;
}
#productTable { width:100%; border-collapse:collapse; background:white; margin-top:1rem; }
#productTable th, #productTable td { border:1px solid #ddd; padding:8px; }
#productTable th { background:#222; color:white; }
.filters select { margin-right:10px; padding:5px; }
button { cursor:pointer; padding:8px 12px; border:none; border-radius:4px; background:#0073aa; color:#fff; }
button:hover { background:#005f8d; }