/*
 Theme Name:   Printy Child Theme
 Theme URI:    https://printy.themerex.net/
 Description:  Printy Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     printy
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  printy
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/* Graphic Supply - WordPress Theme Colors */
/* Basado en el logo colorido de la empresa */

:root {
  /* Colores principales del logo */
  --gs-cyan: #00D4FF;
  --gs-magenta: #FF007F;
  --gs-yellow: #FFD700;
  --gs-orange: #FF6B35;
  --gs-black: #1A1A1A;
  --gs-pink: #E91E63;
  
  /* Gradientes del logo */
  --gs-gradient-main: linear-gradient(135deg, #00D4FF 0%, #FF007F 50%, #FFD700 100%);
  --gs-gradient-warm: linear-gradient(135deg, #FF6B35 0%, #FFD700 100%);
  --gs-gradient-cool: linear-gradient(135deg, #00D4FF 0%, #FF007F 100%);
}

/* Aplicaciones principales */
.site-header {
  background: var(--gs-gradient-main);
}

.primary-navigation a {
  color: white;
  transition: all 0.3s ease;
}

.primary-navigation a:hover {
  color: var(--gs-yellow);
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

/* Botones principales */
.wp-block-button__link,
.button,
.btn-primary {
  background: var(--gs-gradient-warm);
  border: none;
  color: white;
  transition: all 0.3s ease;
}

.wp-block-button__link:hover,
.button:hover,
.btn-primary:hover {
  background: var(--gs-gradient-cool);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
}

/* Enlaces */
a {
  color: var(--gs-orange);
}

a:hover {
  color: var(--gs-magenta);
}

/* Acentos y destacados */
.highlight,
.accent-text {
  color: var(--gs-magenta);
}

.secondary-accent {
  color: var(--gs-cyan);
}

/* Fondos de sección */
.hero-section {
  background: var(--gs-gradient-main);
  color: white;
}

.cta-section {
  background: var(--gs-gradient-warm);
  color: white;
}

/* Personalización del logo en el header */
.custom-logo {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
  transition: all 0.3s ease;
}

.custom-logo:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
}

/* Cards y elementos de contenido */
.card,
.post-item {
  border-left: 4px solid var(--gs-orange);
  transition: all 0.3s ease;
}

.card:hover,
.post-item:hover {
  border-left-color: var(--gs-magenta);
  box-shadow: 0 5px 15px rgba(255, 107, 53, 0.1);
}

/* Formularios */
input[type="submit"],
button[type="submit"] {
  background: var(--gs-gradient-warm);
  border: none;
  color: white;
  padding: 12px 24px;
  transition: all 0.3s ease;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
  background: var(--gs-gradient-cool);
  transform: translateY(-2px);
}

/* === CATALOG MODE: Ocultar carrito en paginas de producto === */

/* CATALOG MODE: mostrar variantes, ocultar solo elementos de compra */
/* Mostrar el formulario para que las variantes sean visibles */
.woocommerce div.product form.cart {
  display: block !important;
}

/* Ocultar solo los elementos de compra dentro del form */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart button[type="submit"],
.woocommerce div.product form.cart .quantity,
.woocommerce div.product form.cart .woocommerce-variation-price,
.woocommerce div.product form.cart .woocommerce-variation-availability {
  display: none !important;
}

/* Ocultar bloques custom de checkout/garantia/envio del tema */
.single_product_custom_text_after_add_to_cart,
.single_product_custom_text_style,
.single_product_custom_text_before_tabs {
  display: none !important;
}

/* Ocultar plugin de file upload (Drag Drop Files Here) */
.wc-dnd-file-upload {
  display: none !important;
}

.widget_price_filter,
.woocommerce-widget-layered-nav-list .price_slider_wrapper {
    display: none !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    display: none !important;
}