/* Styles for product attributes meta box */
.widefat th {
    text-align: left;
}

.widefat input[type="text"] {
    width: 100%;
}
/* Styles for product attributes meta box */
.widefat th {
    text-align: left;
}

.widefat input[type="text"] {
    width: 100%;
}

.add-attribute { /* Добавь стили для кнопки, если необходимо */
    background-color: #f0f0f1;
    border: 1px solid #cccccc;
    padding: 5px 10px;
    cursor: pointer;
}

/* Styles for product attributes meta box */
.widefat th {
    text-align: left;
}

.widefat input[type="text"] {
    width: 100%;
}
/* Styles for product attributes meta box */
.widefat th {
    text-align: left;
}

.widefat input[type="text"] {
    width: 100%;
}

.add-attribute { /* Добавь стили для кнопки, если необходимо */
    background-color: #f0f0f1;
    border: 1px solid #cccccc;
    padding: 5px 10px;
    cursor: pointer;
}

/* Popup styles */
#share-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

#share-popup h3 {
    margin-top: 0;
}

#share-popup p {
    margin-bottom: 10px;
}

#share-popup .share-link {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

#share-popup .copy-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0073aa;
    color: white;
    border: none;
    cursor: pointer;
}

#share-popup .copy-link:hover {
    background-color: #005177;
}

#share-popup .copy-message {
    display: none;
    color: green;
    margin-top: 10px;
}

/* Close button styles */
#share-popup .close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Цвета */
:root {
  --border: 220 20% 85%;
  --input: 220 20% 88%;
  --ring: 215 20% 65%;
  --background: 0 0% 100%;
  --foreground: 222.2 47.4% 11.2%;
  --primary: 222.2 47.4% 11.2%;
  --primary-foreground: 210 40% 98%;
  --secondary: 210 40% 96.1%;
  --secondary-foreground: 222.2 47.4% 11.2%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --muted: 210 40% 96.1%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --accent: 210 40% 96.1%;
  --accent-foreground: 222.2 47.4% 11.2%;
  --popover: 0 0% 100%;
  --popover-foreground: 222.2 47.4% 11.2%;
  --card: 0 0% 100%;
  --card-foreground: 222.2 47.4% 11.2%;
  --sidebar-background: 240 6% 98%;
  --sidebar-foreground: 222.2 47.4% 11.2%;
  --sidebar-primary: 222.2 47.4% 11.2%;
  --sidebar-primary-foreground: 210 40% 98%;
  --sidebar-accent: 210 40% 96.1%;
  --sidebar-accent-foreground: 222.2 47.4% 11.2%;
  --sidebar-border: 220 20% 85%;
  --sidebar-ring: 215 20% 65%;
}

/* Радиусы скругления */
:root {
    --radius: 0.5rem;
}

/* Анимации */
@keyframes accordion-down {
  from {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
  }
}

.accordion-down {
  animation: accordion-down 0.2s ease-out;
}

.accordion-up {
  animation: accordion-up 0.2s ease-out;
}

:root {
    /* Primary Colors */
    --background: #FFFFFF;  /* White */
    --foreground: #333333;   /* Dark Gray */

    /* Card Colors */
    --card: #FFFFFF;        /* White */
    --card-foreground: #333333; /* Dark Gray */

    /* Popover Colors */
    --popover: #FFFFFF;
    --popover-foreground: #333333;

    /* Primary Brand Colors */
    --primary: #FF5722;    /* Orange */
    --primary-foreground: #FFFFFF; /* White */

    /* Secondary Colors */
    --secondary: #E0F7FA; /* Light Blue */
    --secondary-foreground: #333333;

    /* Muted Colors */
    --muted: #F0F0F0;
    --muted-foreground: #737373;

    /* Accent Colors */
    --accent: #E0F7FA;    /* Light Blue accent */
    --accent-foreground: #333333;

    /* Destructive Colors */
    --destructive: #F04438;
    --destructive-foreground: #FFFFFF;

    /* Border and Input */
    --border: #E5E5E5;
    --input: #E5E5E5;
    --ring: #FF5722;       /* Orange focus ring */

    --radius: 0.75rem;

    /* Sidebar Colors */
    --sidebar-background: #FAFAFA;
    --sidebar-foreground: #333333;
    --sidebar-primary: #FF5722;
    --sidebar-primary-foreground: #FFFFFF;
    --sidebar-accent: #F0F0F0;
    --sidebar-accent-foreground: #333333;
    --sidebar-border: #E5E5E5;
    --sidebar-ring: #FF5722;
  }

  .dark {
    --background: #121212;
    --foreground: #F0F0F0;

    --card: #121212;
    --card-foreground: #F0F0F0;

    --popover: #121212;
    --popover-foreground: #F0F0F0;

    --primary: #FF5722;
    --primary-foreground: #FFFFFF;

    --secondary: #4A808A;
    --secondary-foreground: #F0F0F0;

    --muted: #3A3A3A;
    --muted-foreground: #A6A6A6;

    --accent: #3A3A3A;
    --accent-foreground: #F0F0F0;

    --destructive: #8F201A;
    --destructive-foreground: #F0F0F0;

    --border: #3A3A3A;
    --input: #3A3A3A;
    --ring: #FF5722;

    --sidebar-background: #121212;
    --sidebar-foreground: #F2F2F2;
    --sidebar-primary: #FF5722;
    --sidebar-primary-foreground: #FFFFFF;
    --sidebar-accent: #3A3A3A;
    --sidebar-accent-foreground: #F2F2F2;
    --sidebar-border: #3A3A3A;
    --sidebar-ring: #FF5722;
  }
  
  /* Base styles */
* {
  border-color: var(--border);
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

/* Custom button styles for orange theme */
.btn-orange {
  background-color: #FF5722;
  color: #fff;
  border-radius: 0.75rem;
  transition: background-color 0.2s;
}

.btn-orange:hover {
  background-color: #E64A19;
}

.btn-outline-orange {
  border-color: #FF5722;
  color: #FF5722;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.75rem;
  transition: background-color 0.2s, color 0.2s;
}

.btn-outline-orange:hover {
  background-color: #FFF3E0;
  color: #E64A19;
}

/* Custom link hover effects */
.link-hover:hover {
  color: #FF5722;
  transition: color 0.2s;
}

/* Logo svg style */
/* Base styles */
* {
  border-color: var(--border);
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

/* Custom button styles for orange theme */
.header-content .button {
  background-color: #FF5722;
  color: #fff;
  border-radius: 0.75rem;
  transition: background-color 0.2s;
  padding: 5px 10px;
  border: none;
  cursor: pointer;
  margin-right: 5px;
}

.header-content .button:hover {
  background-color: #E64A19;
}

.header-content .button:last-child {
  margin-right: 0;
}

/* Custom link hover effects */
.link-hover:hover {
  color: #FF5722;
  transition: color 0.2s;
}

/* Logo styles */
.logo-container {
    display: flex;
    align-items: center;
}

.gift-icon {
    width: 2rem; /* w-8 */
    height: 2rem; /* h-8 */
    fill: #FF5722; /* text-orange-500 */
}

.sparkles-icon {
    width: 0.75rem; /* w-3 */
    height: 0.75rem; /* h-3 */
    fill: #FFDA15; /* text-yellow-400 */
    position: absolute;
    top: -0.25rem; /* -top-1 */
    right: -0.25rem; /* -right-1 */
}