/* 自定义主题配色 - 品味生活馆 */

/* 主要颜色调整为深蓝绿色系 */
:root {
  --primary-color: #2c5f5d;      /* 深蓝绿色 */
  --secondary-color: #4a9b8e;    /* 中蓝绿色 */
  --accent-color: #7bc4b8;       /* 浅蓝绿色 */
  --highlight-color: #f0a500;    /* 温暖的橙色作为强调色 */
  --background-color: #f8fffe;   /* 淡绿白色背景 */
  --text-color: #2c3e50;         /* 深灰蓝色文字 */
  --hover-color: #1a4d4b;        /* 深色悬停效果 */
}

/* 全局背景色调整 */
body {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
}

/* 导航栏样式更新 */
.global-nav {
  background-color: var(--primary-color) !important;
  border-bottom: 3px solid var(--accent-color) !important;
}

.global-nav a,
.global-nav .vertical-item a,
.global-nav .user-item a {
  color: white !important;
  transition: color 0.3s ease !important;
}

.global-nav a:hover,
.global-nav .vertical-item a:hover,
.global-nav .user-item a:hover {
  color: var(--accent-color) !important;
}

/* 更新原有的红色链接为新的配色 */
.global-nav .account-dropdown .dropdown:focus .account-link,
.global-nav .account-dropdown .dropdown:hover .account-link {
  color: var(--highlight-color) !important;
}

/* 按钮和链接样式 */
a {
  color: var(--primary-color) !important;
}

a:hover {
  color: var(--hover-color) !important;
}

/* 更新SVG图标颜色 */
svg path[fill="#000"] {
  fill: var(--primary-color) !important;
}

svg path[stroke="#000"] {
  stroke: var(--primary-color) !important;
}

/* 更新各种颜色的SVG标签 */
/* Sales 标签 - 改为蓝绿色 */
svg use[fill="#FF0"] {
  fill: var(--secondary-color) !important;
}

/* Gift Guides 标签 - 改为深蓝绿色 */
svg use[fill="#FFB300"] {
  fill: var(--primary-color) !important;
}

/* Beauty 标签 - 改为浅蓝绿色 */
svg use[fill="#F0C"] {
  fill: var(--accent-color) !important;
}

/* Home 标签 - 改为橙色强调色 */
svg use[fill="#FFB800"] {
  fill: var(--highlight-color) !important;
}

/* Kitchen 标签 - 改为中等蓝绿色 */
svg use[fill="#0F0"] {
  fill: var(--secondary-color) !important;
}

/* 卡片和内容区域 */
.content-area,
.article-container,
.gift-guide-section {
  background-color: white !important;
  border: 1px solid var(--accent-color) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(44, 95, 93, 0.1) !important;
}

/* 标题样式 */
h1, h2, h3, h4, h5, h6 {
  color: var(--primary-color) !important;
}

/* 面包屑和导航 */
.breadcrumb a,
.navigation-link {
  color: var(--secondary-color) !important;
}

.breadcrumb a:hover,
.navigation-link:hover {
  color: var(--hover-color) !important;
}

/* 特色内容区域 */
.featured-content {
  background: linear-gradient(135deg, var(--accent-color) 0%, var(--secondary-color) 100%) !important;
  color: white !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

/* 按钮样式 */
.btn, button {
  background-color: var(--primary-color) !important;
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}

.btn:hover, button:hover {
  background-color: var(--hover-color) !important;
  transform: translateY(-2px) !important;
}

/* 输入框样式 */
input, textarea, select {
  border: 2px solid var(--accent-color) !important;
  border-radius: 4px !important;
  transition: border-color 0.3s ease !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--primary-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(44, 95, 93, 0.1) !important;
}

/* 页脚样式 */
footer {
  background-color: var(--primary-color) !important;
  color: white !important;
}

footer a {
  color: var(--accent-color) !important;
}

footer a:hover {
  color: white !important;
}

/* 主题色彩的渐变效果 */
.gradient-bg {
  background: linear-gradient(45deg, var(--primary-color), var(--secondary-color), var(--accent-color)) !important;
}

/* Logo Customization */
.categories-header-logo-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 120px !important;
    padding: 20px 0 !important;
    background-color: white !important;
}

/* Show the logo image */
.logo-image {
    display: block !important;
    max-height: 100px;
    width: auto;
    margin: 0 auto;
    background: transparent !important;
    border: none !important;
}

/* Hide any SVG or text logos */
.logo svg,
.site-name {
    display: none !important;
}

.logo:hover .site-name {
    color: var(--primary-color) !important;
    transform: scale(1.05) !important;
    transition: all 0.3s ease !important;
}

/* Custom Advertisement Banner Styles */
.custom-ad-banner {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background-color: #f8f8f8;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.ad-link {
    display: inline-block;
    text-decoration: none;
}

.ad-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ad-image:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* 简单的广告图片样式 */
@media (max-width: 767px) {
    .custom-ad-banner {
        padding: 15px 10px;
    }
    
    .ad-image {
        max-width: 100%;
        height: auto;
    }
}

/* Make the logo container more prominent */
.logo {
    display: block !important;
    text-decoration: none !important;
    width: 100% !important;
}

/* Force show the text logo */
.categories-header-logo-wrapper .logo .site-name {
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 999 !important;
}

/* ChooseGifts header banner styles */
.choosegifts-header-banner {
  width: 100% !important;
  padding: 40px 20px !important;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
  border-bottom: 3px solid var(--accent-color) !important;
  box-shadow: 0 4px 12px rgba(44, 95, 93, 0.1) !important;
}

.choosegifts-banner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.choosegifts-logo {
  max-width: 100% !important;
  height: auto !important;
  filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.15)) !important;
  transition: transform 0.3s ease !important;
}

.choosegifts-logo:hover {
  transform: scale(1.05) !important;
}

.custom-ad-banner {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
  border-top: 2px solid var(--accent-color) !important;
  border-bottom: 2px solid var(--accent-color) !important;
  padding: 0 !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .global-nav {
    background-color: var(--primary-color) !important;
  }
  
  body {
    background-color: var(--background-color) !important;
  }
  
  .choosegifts-logo {
    width: 300px !important;
    height: 90px !important;
  }
  
  .choosegifts-logo text {
    font-size: 36px !important;
  }
}

@media (max-width: 480px) {
  .choosegifts-logo {
    width: 250px !important;
    height: 75px !important;
  }
  
  .choosegifts-logo text {
    font-size: 28px !important;
  }
}