/*
Theme Name:   Flatsome Child — Casa cu Farfurii
Template:     flatsome
Version:      1.0.0
Text Domain:  flatsome-child
*/

/* ══════════════════════════════════════════════
   ISSUE 1 — Header / Nav on WooCommerce pages
══════════════════════════════════════════════ */

/* Hide Flatsome top bar */
#top-bar,
.top-bar { display: none !important; }

/* Brand background on header */
#header,
.header { background: #0E2830 !important; }

/* Move nav to the right side */
.header-inner .header-nav-main {
  justify-content: flex-end !important;
}

/* Nav link colours */
.header .nav > li > a,
.header .nav > li > a:visited {
  color: #A8D8DF !important;
}
.header .nav > li > a:hover,
.header .nav > li.active > a {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Dropdown menus */
.header .nav .dropdown-menu,
.header .nav .sub-menu {
  background: #0E2830 !important;
  border-color: rgba(168,216,223,.2) !important;
}
.header .nav .dropdown-menu a,
.header .nav .sub-menu a {
  color: #A8D8DF !important;
}
.header .nav .dropdown-menu a:hover,
.header .nav .sub-menu a:hover {
  background: rgba(168,216,223,.1) !important;
  color: #ffffff !important;
}

/* Cart icon colour */
.header .cart-icon,
.header .cart-icon svg,
.header .icon-cart { color: #A8D8DF !important; fill: #A8D8DF !important; }

/* Cart item count badge */
.header .cart-count { background: #B13857 !important; color: #fff !important; }

/* Logo text colour (fallback if no image logo) */
.header .logo,
.header .logo a { color: #A8D8DF !important; }

/* Hamburger / mobile menu icon */
.header .nav-toggle span,
.header .nav-toggle span::before,
.header .nav-toggle span::after { background: #A8D8DF !important; }

/* ══════════════════════════════════════════════
   ISSUE 2 — WooCommerce button visibility
══════════════════════════════════════════════ */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: #B13857 !important;
  color: #ffffff !important;
  border-color: #B13857 !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: #8f2c44 !important;
  color: #ffffff !important;
}

/* "Adaugă în coș" alt button (primary CTA on product pages) */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.single_add_to_cart_button {
  background: #0E2830 !important;
  color: #A8D8DF !important;
  border-color: #A8D8DF !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover {
  background: #152f3a !important;
  color: #ffffff !important;
}

/* ══════════════════════════════════════════════
   ISSUE 3B — Category archive pages styling
══════════════════════════════════════════════ */

/* Category page header banner */
.woocommerce-products-header {
  background: #0E2830;
  padding: 3rem 1.5rem;
  text-align: center;
  margin-bottom: 2rem;
}
.woocommerce-products-header__title {
  color: #A8D8DF !important;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 2.2rem;
}

/* Product grid on category/shop pages */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #0E2830 !important;
}
.woocommerce ul.products li.product .price {
  color: #B13857 !important;
}

/* ══════════════════════════════════════════════
   ISSUE 4 — Cart page (/cos/) styling
══════════════════════════════════════════════ */

/* Page background */
.woocommerce-cart #main {
  background: #f8f6f2;
  padding: 2rem 0 4rem;
}

/* Page title */
.woocommerce-cart .page-title,
.woocommerce-cart h1 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #1a4a5a !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  margin-bottom: 1.5rem !important;
}

/* Cart table */
.woocommerce-cart-form .shop_table {
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 2px 16px rgba(26,74,90,.07) !important;
}
.woocommerce-cart-form .shop_table thead tr {
  background: #1a4a5a !important;
}
.woocommerce-cart-form .shop_table thead th {
  color: #A8D8DF !important;
  font-family: 'Lato', sans-serif !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 1rem 1.2rem !important;
}
.woocommerce-cart-form .shop_table tbody tr {
  border-bottom: 1px solid rgba(26,74,90,.07) !important;
}
.woocommerce-cart-form .shop_table tbody td {
  border: none !important;
  padding: 1.1rem 1.2rem !important;
  vertical-align: middle !important;
}

/* Product name */
.woocommerce-cart-form .cart_item .product-name a {
  color: #1a4a5a !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: .98rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.woocommerce-cart-form .cart_item .product-name a:hover {
  color: #B13857 !important;
}

/* Prices */
.woocommerce-cart-form .cart_item .product-price,
.woocommerce-cart-form .cart_item .product-subtotal {
  color: #B13857 !important;
  font-weight: 700 !important;
}

/* Remove button */
.woocommerce-cart-form a.remove {
  color: rgba(177,56,87,.35) !important;
  font-size: 1.3rem !important;
  line-height: 1 !important;
}
.woocommerce-cart-form a.remove:hover {
  background: none !important;
  color: #B13857 !important;
}

/* Quantity input */
.woocommerce-cart-form .quantity .qty {
  border: 1px solid rgba(26,74,90,.2) !important;
  border-radius: 6px !important;
  color: #1a4a5a !important;
  font-weight: 700 !important;
  width: 64px !important;
  text-align: center !important;
}

/* Update cart button */
.woocommerce-cart-form [name="update_cart"] {
  background: transparent !important;
  color: #1a4a5a !important;
  border: 1px solid rgba(26,74,90,.25) !important;
  font-size: .72rem !important;
  letter-spacing: .12em !important;
}
.woocommerce-cart-form [name="update_cart"]:hover {
  background: #1a4a5a !important;
  color: #A8D8DF !important;
  border-color: #1a4a5a !important;
}

/* Totals box */
.cart_totals {
  background: #fff !important;
  border-radius: 12px !important;
  padding: 1.8rem !important;
  box-shadow: 0 2px 16px rgba(26,74,90,.07) !important;
  border: none !important;
}
.cart_totals h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #1a4a5a !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin-bottom: 1.2rem !important;
  padding-bottom: .8rem !important;
  border-bottom: 1px solid rgba(26,74,90,.1) !important;
}
.cart_totals .shop_table {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.cart_totals .shop_table th {
  color: rgba(26,74,90,.55) !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: .6rem 0 !important;
  border: none !important;
  background: none !important;
}
.cart_totals .shop_table td {
  color: #1a4a5a !important;
  font-weight: 600 !important;
  padding: .6rem 0 !important;
  border: none !important;
  background: none !important;
}
.cart_totals .order-total th,
.cart_totals .order-total td {
  font-size: 1.05rem !important;
  color: #1a4a5a !important;
  font-weight: 900 !important;
  padding-top: 1rem !important;
  border-top: 2px solid rgba(26,74,90,.12) !important;
}
.cart_totals .order-total .amount {
  color: #B13857 !important;
  font-size: 1.2rem !important;
}

/* Checkout button */
.wc-proceed-to-checkout .checkout-button,
.wc-proceed-to-checkout a.checkout-button,
.wc-proceed-to-checkout a.button.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a {
  background: #B13857 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'Lato', sans-serif !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  padding: 1rem 2rem !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  transition: background .2s, transform .2s !important;
}
.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a:hover {
  background: #8f2c44 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

/* Coupon row */
.woocommerce-cart-form .coupon label {
  color: #1a4a5a !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.woocommerce-cart-form .coupon #coupon_code {
  border: 1px solid rgba(26,74,90,.2) !important;
  border-radius: 6px !important;
  color: #1a4a5a !important;
  padding: .5rem .9rem !important;
}

/* Empty cart message */
.woocommerce-cart .woocommerce-info {
  background: #fff !important;
  border-left-color: #5CB5C5 !important;
  color: #1a4a5a !important;
  border-radius: 0 8px 8px 0 !important;
}
.woocommerce-cart .woocommerce-info::before {
  color: #5CB5C5 !important;
}
.woocommerce-cart .woocommerce-info .button {
  background: #1a4a5a !important;
  color: #A8D8DF !important;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: #0E2830 !important;
  border-color: rgba(14,40,48,.3) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #0E2830 !important;
  color: #A8D8DF !important;
}


/* Full-width product category & tag archives — hide empty Shop Sidebar */
.tax-product_cat .category-page-row > .col.large-3,
.tax-product_tag .category-page-row > .col.large-3 { display: none !important; }
.tax-product_cat .category-page-row > .col.large-9,
.tax-product_tag .category-page-row > .col.large-9 { flex: 0 0 100% !important; max-width: 100% !important; }
