/*
Theme Name: camoto-child
Template: twentytwentyfive
Description: Tema hijo de Twenty Twenty-Five para la tienda CAMOTO.
Author: CAMOTO
Version: 1.0.0
Text Domain: camoto-child
*/

:root {
  --camoto-blue: #232c54;
  --camoto-orange: #f26a2e;
  --camoto-orange-hover: #d95c24;
  --camoto-blue-soft: #2f3b6e;
  --camoto-cream: #fff8f3;
  --camoto-text: #1f2440;
  --camoto-border: rgba(35, 44, 84, 0.14);
  --camoto-shadow: 0 12px 30px rgba(35, 44, 84, 0.12);
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--camoto-text);
  background: #ffffff;
}

a {
  color: var(--camoto-blue);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

a:hover {
  color: var(--camoto-orange);
}

.site-header,
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
  background: #ffffff;
}

.woocommerce .woocommerce-breadcrumb {
  color: rgba(35, 44, 84, 0.72);
  padding: 0.75rem 0;
}

.woocommerce .woocommerce-breadcrumb a {
  color: var(--camoto-blue);
}

.main-navigation,
.nav-menu,
.menu,
.header-bar {
  background: var(--camoto-blue);
}

.main-navigation a,
.nav-menu a,
.menu a,
.header-bar a {
  color: #ffffff;
}

.main-navigation a:hover,
.nav-menu a:hover,
.menu a:hover,
.header-bar a:hover {
  color: var(--camoto-orange);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
button,
input[type="submit"],
.wp-block-button__link {
  background: var(--camoto-orange);
  color: #ffffff;
  border: 0;
  border-radius: 12px;
  padding: 0.9rem 1.25rem;
  font-weight: 700;
  box-shadow: var(--camoto-shadow);
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background: var(--camoto-orange-hover);
  color: #ffffff;
  transform: translateY(-1px);
}

.woocommerce a.button.add_to_cart_button,
.woocommerce a.button.product_type_simple,
.woocommerce a.button.product_type_variable {
  background: var(--camoto-blue);
}

.woocommerce a.button.add_to_cart_button:hover,
.woocommerce a.button.product_type_simple:hover,
.woocommerce a.button.product_type_variable:hover {
  background: var(--camoto-blue-soft);
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce div.product,
.woocommerce div.product .summary,
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details {
  background: #ffffff;
  border: 1px solid var(--camoto-border);
  border-radius: 18px;
  box-shadow: var(--camoto-shadow);
}

.woocommerce ul.products li.product {
  padding: 1rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(35, 44, 84, 0.16);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: var(--camoto-blue);
  font-weight: 800;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--camoto-orange);
  font-weight: 800;
}

.woocommerce span.onsale,
.woocommerce .wc-block-grid__product-onsale {
  background: var(--camoto-blue);
  color: #ffffff;
  border-radius: 999px;
  padding: 0.45rem 0.8rem;
  min-height: auto;
  line-height: 1;
}

.woocommerce .stock.in-stock {
  color: #1a7f37;
  font-weight: 700;
}

.woocommerce .stock.out-of-stock {
  color: #b42318;
  font-weight: 700;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce textarea,
.woocommerce select {
  border: 1px solid var(--camoto-border);
  border-radius: 12px;
  background: #ffffff;
  color: var(--camoto-text);
  padding: 0.9rem 1rem;
  box-shadow: none;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="tel"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce input[type="search"]:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
  outline: none;
  border-color: var(--camoto-orange);
  box-shadow: 0 0 0 3px rgba(242, 106, 46, 0.18);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  border-radius: 14px;
  border-top-width: 0;
  box-shadow: var(--camoto-shadow);
}

.woocommerce-message {
  background: #effaf2;
  border-left: 4px solid #1a7f37;
}

.woocommerce-info {
  background: #eef4ff;
  border-left: 4px solid var(--camoto-blue);
}

.woocommerce-error {
  background: #fff1f0;
  border-left: 4px solid #d92d20;
}

.woocommerce-cart table.cart,
.woocommerce-checkout table.shop_table {
  border: 1px solid var(--camoto-border);
  border-radius: 16px;
  overflow: hidden;
}

.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
  background: #ffffff;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  background: var(--camoto-orange);
  color: #ffffff;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
  background: var(--camoto-orange-hover);
}

.widget,
.woocommerce .widget_price_filter,
.woocommerce .widget_products,
.woocommerce .widget_recent_reviews,
.woocommerce .widget_top_rated_products {
  background: #ffffff;
  border: 1px solid var(--camoto-border);
  border-radius: 16px;
  padding: 1rem;
  box-shadow: var(--camoto-shadow);
}

.widget-title,
.woocommerce .widget-title {
  color: var(--camoto-blue);
  font-weight: 800;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--camoto-blue);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--camoto-orange);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border-radius: 10px;
  border: 1px solid var(--camoto-border);
  color: var(--camoto-blue);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--camoto-blue);
  color: #ffffff;
  border-color: var(--camoto-blue);
}

.woocommerce-mini-cart__buttons .button,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: var(--camoto-blue);
  color: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #ffffff;
  border: 1px solid var(--camoto-border);
  border-radius: 16px;
  box-shadow: var(--camoto-shadow);
}

@media (max-width: 768px) {
  .woocommerce ul.products li.product,
  .woocommerce div.product,
  .woocommerce div.product .summary,
  .woocommerce-cart .cart-collaterals,
  .woocommerce-checkout #order_review,
  .woocommerce-checkout #customer_details,
  .widget {
    border-radius: 14px;
  }

  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit,
  button,
  input[type="submit"] {
    width: 100%;
  }
}