/*
Theme Name: Liliya
Theme URI: https://your-website.com/
Author: Your Name
Author URI: https://your-website.com/
Description: A modern, responsive, and highly customizable magazine theme for the "Лилия" women's online journal. Designed to be beautiful, fast, and SEO-ready, with extensive customization options for layout, colors, and advertising.
Version: 1.4.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: liliya
Tags: blog, magazine, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks

This theme, like WordPress, is licensed under the GPL.
*/

/* --- Core Styles from Original HTML (Tailwind is loaded via CDN in functions.php) --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Open Sans', sans-serif; line-height: 1.6; color: #333; background-color: #fafafa; }
.font-playfair { font-family: 'Playfair Display', serif; }

/* Theme Colors */
.theme-pink, .hover-theme:hover, .pagination a:hover, .pagination .current { color: #e91e63; }
.bg-theme-pink, .pagination a:hover, .pagination .current { background-color: #e91e63; }
.theme-light-pink { color: #f8bbd9; }
.bg-theme-light-pink { background-color: #f8bbd9; }
.hover-theme:hover { transition: color 0.3s ease; }

/* Shadows & Cards */
.card-shadow { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: box-shadow 0.3s ease; }
.card-shadow:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }

/* Main Navigation Dropdown */
.primary-menu .menu-item-has-children { position: relative; }
.primary-menu .sub-menu { display: none; position: absolute; background-color: white; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 20; border-radius: 4px; padding: 8px 0; top: 100%; left: 0; list-style: none; }
.primary-menu .menu-item-has-children:hover > .sub-menu { display: block; }
.primary-menu .sub-menu a { color: #333; padding: 8px 16px; text-decoration: none; display: block; font-size: 14px; }
.primary-menu .sub-menu a:hover { background-color: #f1f1f1; color: #e91e63; }

/* Slider */
.slider-container { position: relative; overflow: hidden; border-radius: 8px; }
.slide { display: none; position: relative; }
.slide.active { display: block; }
.slide-content { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.7)); color: white; padding: 40px 30px 30px; }

/* Ad Banners */
.ad-banner { background: linear-gradient(45deg, #f0f0f0, #e0e0e0); border: 2px dashed #ccc; display: flex; align-items: center; justify-content: center; color: #999; font-weight: 500; width: 100%; }
.ad-banner > * { max-width: 100%; }

/* Article Grids */
.article-grid-1 { display: grid; grid-template-columns: 1fr; gap: 30px; }
.article-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.article-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
@media (max-width: 1024px) { .article-grid-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .article-grid-2, .article-grid-3 { grid-template-columns: 1fr; } .mobile-hidden { display: none; } }

/* Widgets */
.widget { background: white; padding: 20px; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.widget-title { font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 700; margin-bottom: 1rem; color: #e91e63; }

/* ** NEW/IMPROVED **: Custom Categories Widget Styling */
.liliya-category-list ul {
    list-style: none;
    padding: 0;
}
.liliya-category-list li {
    padding: 4px 0;
    font-size: 14px;
}
.liliya-category-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}
.liliya-category-list li a:hover {
    color: #e91e63;
}
.liliya-category-list li .post-count {
    color: #999;
    font-size: 12px;
}
.liliya-category-list ul.children { /* Style for the nested sub-category list */
    list-style: none;
    padding-left: 20px; /* Indent sub-categories */
    margin-top: 8px;
}

/* Social Icons */
.social-icons a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #e91e63; color: white; border-radius: 50%; margin: 0 5px; transition: all 0.3s ease; }
.social-icons a:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(233, 30, 99, 0.3); }

/* Breadcrumbs */
.breadcrumb { background: white; padding: 10px 0; margin-bottom: 20px; font-size: 14px; }

/* Pagination */
.pagination { display: flex; justify-content: center; align-items: center; margin-top: 40px; gap: 10px; }
.pagination ul { display: flex; gap: 10px; list-style: none; padding: 0; margin: 0; }
.pagination .page-numbers { display: block; padding: 8px 12px; background: white; border: 1px solid #ddd; color: #666; text-decoration: none; border-radius: 4px; }
.pagination .page-numbers:hover, .pagination .page-numbers.current { background: #e91e63; color: white; border-color: #e91e63; }
.pagination .page-numbers.dots { border: none; background: transparent; }

/* Single Post */
.single-post-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 1.5rem 0; }
.alignwide { margin-left: -50px; margin-right: -50px; max-width: calc(100% + 100px); }
.alignfull { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); max-width: 100vw; width: 100vw; }
@media (max-width: 1024px) { .alignwide { margin-left: 0; margin-right: 0; max-width: 100%; } }