/*
 Theme Name:   Astra Child
 Theme URI:    https://wpastra.com/
 Description:  Astra Child Theme
 Author:       Rytis
 Author URI:   https://outasense.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* =========================================================
   HEADER
   ========================================================= */

/* Mobile menu align right */
.ast-header-break-point .main-header-menu {
  text-align: right !important;
}

/* =========================================================
   ASTRA MENU – HOVER & ACTIVE COLOR
   ========================================================= */

.main-header-menu > li > a {
  color: inherit;
  transition: color 0.2s ease-in-out;
  text-decoration: none !important;
}

/* Hover */
.main-header-menu > li:hover > a,
.main-header-menu > li > a:hover {
  color: #3783c6 !important;
}

/* Active / current page */
.main-header-menu > li.current-menu-item > a,
.main-header-menu > li.current-menu-ancestor > a,
.main-header-menu > li.current_page_item > a {
  color: #3783c6 !important;
  font-weight: 700;
}

/* Mobile menu */
.ast-header-break-point .main-header-menu > li > a:hover,
.ast-header-break-point .main-header-menu > li.current-menu-item > a {
  color: #3783c6 !important;
}

/* =========================================================
   SUBMIT BUTTON (SRFM)
   ========================================================= */

#srfm-submit-btn {
  background-color: #3783c6 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 7px !important;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out !important;
  text-decoration: none !important;
}

#srfm-submit-btn:hover,
#srfm-submit-btn:focus {
  background-color: #0e2e49 !important;
  text-decoration: none !important;
}

#srfm-submit-btn .srfm-submit-wrap {
  justify-content: center !important;
}

/* =========================================================
   GLOBAL INPUT ROUNDING – 7px
   ========================================================= */

input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
  border-radius: 7px !important;
}

.woocommerce input:not([type="checkbox"]):not([type="radio"]),
.woocommerce textarea,
.woocommerce select {
  border-radius: 7px !important;
}

.woocommerce .quantity input.qty {
  border-radius: 7px !important;
}

input[type="search"] {
  border-radius: 7px !important;
}

/* Prevent buttons inheriting input rounding */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  border-radius: inherit;
}

/* =========================================================
   CSS VARIABLES
   ========================================================= */

:root {
  --accent: #3783c6;
  --accent-2: #2f73ad;
  --card-bg: #ffffff;
  --border: rgba(17, 24, 39, 0.10);
  --text: #0f172a;
  --muted: rgba(15, 23, 42, 0.70);
  --bg-soft: #f6f8fb;
  --ring: rgba(55, 131, 198, 0.35);
}

/* =========================================================
   SHOP / ARCHIVE PRODUCT CARDS
   ========================================================= */

.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  gap: 22px;
}

@media (min-width: 768px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    gap: 26px;
  }
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  padding: 14px;
  position: relative;
  margin: 0 !important;
  box-shadow: none !important;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-3px);
  border-color: rgba(55, 131, 198, 0.35);
  background: #fbfdff;
}

/* Product link wrapper */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: block;
  color: inherit;
  text-decoration: none !important;
}

/* Product title */
.woocommerce-loop-product__title {
  font-size: 1.05rem;
  font-weight: 650;
  color: var(--text);
  margin: 12px 0 6px;
}

/* Price */
.woocommerce ul.products li.product .price {
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--accent);
  margin-bottom: 12px;
}

/* =========================================================
   ADD TO BASKET BUTTON – NO UNDERLINE EVER
   ========================================================= */

.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.button,
.woocommerce-page ul.products li.product a.add_to_cart_button {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: var(--accent);
  color: #fff !important;
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 750;

  border: 1px solid transparent;
  box-shadow: none !important;
  text-decoration: none !important;

  transition: transform 140ms ease, background 140ms ease;
}

.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce-page ul.products li.product a.button:hover,
.woocommerce-page ul.products li.product a.add_to_cart_button:hover {
  background: var(--accent-2);
  transform: translateY(-1px);
  text-decoration: none !important;
}

/* =========================================================
   GLOBAL BUTTON SAFETY NET – NEVER UNDERLINE
   ========================================================= */

a.button,
a.button:hover,
a.button:focus,
a.button:active,
.woocommerce a.button,
.woocommerce a.add_to_cart_button,
.woocommerce a.ajax_add_to_cart,
.woocommerce button.button,
.woocommerce .single_add_to_cart_button,
a.elementor-button,
a.elementor-button:hover,
a.elementor-button:focus,
.wp-block-button__link,
.ast-button {
  text-decoration: none !important;
}

/* Kill underline on inner spans (Elementor) */
a.elementor-button *,
a.elementor-button:hover .elementor-button-text {
  text-decoration: none !important;
}

/* =========================================================
   GLOBAL LINKS
   ========================================================= */

a,
.woocommerce-privacy-policy-link {
  color: #3783c6;
  text-decoration: none;
}

/* Underline ONLY normal text links (not buttons, not menu) */
.entry-content a:not(.elementor-button):not(.button):hover,
.entry-content a:not(.elementor-button):not(.button):focus-visible,
.woocommerce-privacy-policy-link:hover {
  text-decoration: underline !important;
}

/* =========================================================
   MOBILE TABLE FIX – FIT TO SCREEN
   ========================================================= */

@media (max-width: 768px) {

  body {
    overflow-x: hidden;
  }

  /* All content + Woo tables scroll instead of breaking layout */
  .entry-content table,
  .woocommerce table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-collapse: separate;
  }

  /* Prevent columns forcing viewport width */
  .entry-content th,
  .entry-content td,
  .woocommerce th,
  .woocommerce td {
    white-space: nowrap;
  }

  /* Allow text to wrap where needed */
  .entry-content td,
  .woocommerce td {
    white-space: normal;
    word-break: break-word;
  }

  /* WooCommerce-specific tables */
  .woocommerce-checkout-review-order-table,
  .woocommerce table.shop_table,
  .woocommerce table.shop_attributes {
    display: block;
    width: 100% !important;
    overflow-x: auto;
  }
}

.entry-title {
  padding-top: 50px;
}

