/*
Theme Name: Tu Ganga App Theme
Theme URI: https://tuganga.es/
Author: Antigravity AI
Author URI: https://tuganga.es/
Description: Tema de alta conversión para Tu Ganga. Diseño "App Flash" (mobile-first), colores Púrpura y Mostaza, botones directos a WhatsApp y soporte WooCommerce nativo.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
Text Domain: tuganga
*/

:root {
  /* Logo Colors & Branding */
  --tg-brand-purple: #883B7F;
  --tg-brand-mustard: #E1AD01;

  /* Amazon Style Palette */
  --tg-bg: #eaeded;
  --tg-bg-card: #ffffff;
  --tg-header-bg: #131921;
  --tg-header-nav: #232f3e;
  
  /* Text and Links */
  --tg-text: #0f1111;
  --tg-text-muted: #565959;
  --tg-link: #007185;
  --tg-link-hover: #c45500;
  
  /* Buttons - Professional */
  --tg-btn-primary: #ffd814;
  --tg-btn-primary-border: #fcd200;
  --tg-btn-primary-hover: #f7ca00;
  --tg-btn-secondary: #ffa41c;
  --tg-btn-secondary-border: #ff8f00;
  --tg-btn-secondary-hover: #fa8900;
  
  /* Compatibilidad (Para que no rompan clases viejas aún) */
  --tg-purple: var(--tg-brand-purple);
  --tg-mustard: var(--tg-brand-mustard);
  
  /* Utilities */
  --tg-danger: #B12704;
  --tg-border-radius: 8px; /* Slightly less rounded */
  --tg-border-color: #d5d9d9;
  --tg-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, "Amazon Ember", sans-serif;
  background-color: var(--tg-bg);
  color: var(--tg-text);
  -webkit-font-smoothing: antialiased;
  padding-bottom: 60px;
}

/* ==================================================
   Utilidades Globales
================================================== */
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 16px;
}

.text-center { text-align: center; }
.text-purple { color: var(--tg-purple); }
.text-mustard { color: var(--tg-mustard); }
.text-danger { color: var(--tg-danger); }

a { color: var(--tg-link); text-decoration: none; }
a:hover { color: var(--tg-link-hover); text-decoration: underline; }

/* Botones Estilo Amazon */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 100px; /* Pillow shape like Amazon buttons */
  font-size: 14px;
  font-family: inherit;
  font-weight: normal;
  text-decoration: none !important;
  cursor: pointer;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px rgba(15,17,17,.15);
  transition: all 0.1s ease-in-out;
  color: #0f1111 !important;
}

/* Primary btn overrides .btn-mustard for now */
.btn-mustard {
  background-color: var(--tg-btn-primary);
  border-color: var(--tg-btn-primary-border);
}

.btn-mustard:hover {
  background-color: var(--tg-btn-primary-hover);
}

/* Secondary btn overrides .btn-purple for now */
.btn-purple {
  background-color: var(--tg-btn-secondary);
  border-color: var(--tg-btn-secondary-border);
}

.btn-purple:hover {
  background-color: var(--tg-btn-secondary-hover);
}

/* ==================================================
   Checkout Options (Distraction Free)
================================================== */
.tg-is-checkout .tg-header,
.tg-is-checkout .tg-filters,
.tg-is-checkout .site-footer,
.tg-is-checkout .tg-floating-wa,
.tg-is-checkout .tg-ai-agent-widget {
    display: none !important;
}

.tg-is-checkout main#primary {
    padding-top: 40px;
}

.tg-is-checkout #payment .place-order {
    background: white;
    padding: 20px;
    border-radius: var(--tg-border-radius);
    box-shadow: var(--tg-shadow);
}
.tg-is-checkout button#place_order {
    background-color: var(--tg-mustard) !important;
    color: #000 !important;
    font-size: 18px !important;
    padding: 15px !important;
    width: 100% !important;
    border-radius: 30px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}