/*
Theme Name: Ekspertka Okularowa
Theme URI: https://ekspertka-okularowa.pl
Author: Ekspertka Okularowa
Author URI: https://ekspertka-okularowa.pl
Description: Klasyczny motyw WordPress dla sklepu z okularami. Elegancki design z kolorem burgundowym i różowym, wykorzystujący Tailwind CSS.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ekspertka-okularowa
Tags: e-commerce, eyewear, tailwind, modern, elegant
*/

/* Brand Colors - Custom CSS Properties */
:root {
  /* Ekspertka Okularowa Brand Colors */
  --brand-burgundy: #6A0B44;
  --brand-magenta: #B93487;
  --brand-pink: #EB92C7;
  --brand-cream: #F6E8D2;
  
  /* RGB channels — use as: rgba(var(--brand-burgundy-rgb), 0.4) */
  --brand-burgundy-rgb: 106, 11, 68;
  --brand-magenta-rgb: 185, 52, 135;
  --brand-pink-rgb: 235, 146, 199;
  --brand-cream-rgb: 246, 232, 210;

  /* HSL values for Tailwind compatibility */
  --brand-burgundy-hsl: 330 81% 23%;
  --brand-magenta-hsl: 322 56% 47%;
  --brand-pink-hsl: 326 71% 75%;
  --brand-cream-hsl: 33 68% 89%;
  
  /* Background and foreground */
  --background: 0 0% 100%;
  --foreground: 330 81% 23%;
  
  /* Additional theme colors */
  --muted: 0 0% 96%;
  --muted-foreground: 0 0% 40%;
  --border: 0 0% 89.8%;
}

/* Base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--brand-burgundy);
  background-color: #ffffff;
  line-height: 1.6;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', Georgia, serif;
  line-height: 1.2;
}

/* Links */
a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}

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

/* Images */
img {
  max-width: 100%;
  height: auto;
}

/* Utility classes to complement Tailwind */
.font-serif {
  font-family: 'Playfair Display', Georgia, serif;
}

.font-sans {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.text-brand-burgundy {
  color: var(--brand-burgundy);
}

.text-brand-magenta {
  color: var(--brand-magenta);
}

.text-brand-pink {
  color: var(--brand-pink);
}

.text-brand-cream {
  color: var(--brand-cream);
}

.bg-brand-burgundy {
  background-color: var(--brand-burgundy);
}

.bg-brand-magenta {
  background-color: var(--brand-magenta);
}

.bg-brand-pink {
  background-color: var(--brand-pink);
}

.bg-brand-cream {
  background-color: var(--brand-cream);
}

/* Cart count badge */
.eo-cart-count {
  background-color: var(--brand-magenta);
}

/* Outline CTA button — burgundy border/text, fills on hover */
.btn-outline-burgundy {
  border-width: 1px;
  border-style: solid;
  border-color: var(--brand-burgundy);
  color: var(--brand-burgundy);
  background-color: transparent;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.btn-outline-burgundy:hover {
  background-color: var(--brand-burgundy);
  color: white;
}

/* Solid CTA button — burgundy fill, magenta on hover */
.btn-burgundy {
  background-color: var(--brand-burgundy);
  color: white;
  transition: background-color 0.2s ease;
}

.btn-burgundy:hover {
  background-color: var(--brand-magenta);
}

/* WordPress Core Alignment */
.alignnone {
  margin: 0.5rem 0;
}

.aligncenter {
  display: block;
  margin: 0.5rem auto;
}

.alignleft {
  float: left;
  margin: 0.5rem 1.5rem 0.5rem 0;
}

.alignright {
  float: right;
  margin: 0.5rem 0 0.5rem 1.5rem;
}

/* Footer nav menus */
.eo-footer-menu,
.eo-footer-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.eo-footer-menu li a,
.eo-footer-menu li {
  font-size: 0.95rem;
  color: #000;
  text-decoration: none;
  line-height: 1.75;
  font-family: 'Montserrat', sans-serif;
}

.eo-footer-menu li a {
  display: inline-block;
  padding: 2px 0;
}

.eo-footer-menu li a:hover {
  color: var(--brand-burgundy);
}

/* Social icon circles */
.eo-social-icon {
  width: 36px;
  height: 36px;
  background: #0B0B0B;
  border-radius: 9999px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  flex-shrink: 0;
  transition: opacity 0.2s;
}

.eo-social-icon:hover { opacity: 0.8; }

.eo-social-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

/* Form inputs — burgundy border default, magenta on focus */
.eo-form-input {
  border-color: rgba(var(--brand-burgundy-rgb), 0.15);
  color: var(--brand-burgundy);
  transition: border-color 0.2s ease;
}

.eo-form-input:focus {
  outline: none;
  border-color: var(--brand-magenta);
}

/* Quick-add product button (product card overlay) */
.eo-quick-add-btn {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--brand-burgundy);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.eo-quick-add-btn:hover {
  background-color: var(--brand-burgundy);
  color: white;
}

/* Wishlist / favourite heart button (icon only) */
.eo-wishlist-btn {
  color: rgba(var(--brand-burgundy-rgb), 0.35);
  transition: color 0.2s ease;
}

.eo-wishlist-btn:hover,
.eo-wishlist-btn.active {
  color: var(--brand-magenta);
}

/* Wishlist button — product page full-width variant (border highlight on hover) */
.eo-wishlist-btn-large {
  border-color: rgba(var(--brand-burgundy-rgb), 0.12);
  color: var(--brand-burgundy);
  background-color: rgba(255, 255, 255, 0.5);
  transition: border-color 0.2s ease;
}

.eo-wishlist-btn-large:hover {
  border-color: rgba(var(--brand-magenta-rgb), 0.4);
}

/* My Account navigation links */
.eo-nav-link-inactive {
  color: rgba(var(--brand-burgundy-rgb), 0.55);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.eo-nav-link-inactive:hover {
  background-color: rgba(var(--brand-burgundy-rgb), 0.03);
  color: var(--brand-burgundy);
}

.eo-nav-link-active {
  background-color: rgba(var(--brand-burgundy-rgb), 0.06);
  color: var(--brand-burgundy);
  text-decoration: none;
}

/* My Account dashboard stat cards */
.eo-dashboard-card-pink {
  background-color: rgba(var(--brand-pink-rgb), 0.1);
  transition: background-color 0.2s ease;
}

.eo-dashboard-card-pink:hover {
  background-color: rgba(var(--brand-pink-rgb), 0.2);
}

.eo-dashboard-card-burgundy {
  background-color: rgba(var(--brand-burgundy-rgb), 0.04);
  transition: background-color 0.2s ease;
}

.eo-dashboard-card-burgundy:hover {
  background-color: rgba(var(--brand-burgundy-rgb), 0.07);
}

/* My Account order table rows */
.eo-order-row {
  background-color: rgba(var(--brand-burgundy-rgb), 0.02);
  transition: background-color 0.15s ease;
}

.eo-order-row:hover {
  background-color: rgba(var(--brand-burgundy-rgb), 0.05);
}

/* Archive — category/colour filter links */
.eo-filter-link {
  color: rgba(var(--brand-burgundy-rgb), 0.55);
  text-decoration: none;
  transition: color 0.15s ease;
}

.eo-filter-link:hover,
.eo-filter-link.current {
  color: var(--brand-burgundy);
}

.eo-filter-link-current {
  color: var(--brand-magenta);
  text-decoration: none;
  font-weight: 600;
}