/*
Theme Name: Dr. Kafka
Theme URI: https://doctorkafka.com
Description: Tema hijo de Storefront para Libreria y Cafe Dr. Kafka, Hermosillo, Sonora.
Author: Franco Felix
Template: storefront
Version: 1.0
Text Domain: dr-kafka
*/

:root{
  --papel:#FDFCFA;
  --papel-osc:#F4F2ED;
  --tinta:#211E1A;
  --sello:#A83E2C;
  --clinico:#4C5C52;
  --linea:#DEDACE;
  --tinta-suave:#5b564c;
}

/* ===== Tipografia base ===== */
body,
.woocommerce,
.entry-content,
p, li, td, th, input, textarea, select {
  font-family: 'Newsreader', Georgia, serif;
  color: var(--tinta);
  background-color: var(--papel);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 500;
  color: var(--tinta);
}

.site-description,
.woocommerce-breadcrumb,
.woocommerce ul.products li.product .price,
.button, button, input[type="submit"],
.main-navigation ul li a,
.woocommerce-message, .woocommerce-info,
.site-info,
label, .form-row label {
  font-family: 'Courier Prime', 'Courier New', monospace;
}

/* ===== Header y navegacion ===== */
.site-header{
  background-color: var(--papel);
  border-bottom: 1px solid var(--linea);
}
.site-branding img{
  max-height: 70px;
  width: auto;
}
.main-navigation ul li a{
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 13px;
  color: var(--tinta);
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a{
  color: var(--sello);
}

/* ===== Botones ===== */
.button, button, input[type="submit"],
.woocommerce a.button, .woocommerce button.button,
.single_add_to_cart_button{
  background-color: var(--tinta) !important;
  color: var(--papel) !important;
  border-radius: 0 !important;
  border: 1px solid var(--tinta) !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 13px;
  padding: 12px 22px !important;
  transition: background-color .15s, border-color .15s;
}
.button:hover, button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.single_add_to_cart_button:hover{
  background-color: var(--sello) !important;
  border-color: var(--sello) !important;
  color: var(--papel) !important;
}

/* ===== Enlaces ===== */
a{ color: var(--tinta); }
a:hover{ color: var(--sello); }

/* ===== Catalogo / WooCommerce ===== */
.woocommerce ul.products li.product{
  border: 1px solid var(--linea);
  padding: 16px;
  background: var(--papel);
}
.woocommerce ul.products li.product .price{
  color: var(--tinta);
  font-weight: 700;
}
.woocommerce span.onsale{
  background-color: var(--sello);
  border-radius: 0;
}

/* ===== Pie de pagina ===== */
.site-footer, .site-info{
  background-color: var(--tinta);
  color: var(--papel);
}
.site-footer a{ color: var(--papel); }
.site-footer a:hover{ color: #d99a8a; }

/* ===== Franjas / widgets destacados ===== */
.widget-title, .storefront-handheld-footer-bar{
  font-family: 'Courier Prime', monospace;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--sello);
}