/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.1.1769262202
Updated: 2026-01-24 15:43:22

*/
/* ================================
   Forminator → Astra Integration
   ================================ */

/* Полета – стил като Astra */
.forminator-input,
.forminator-textarea,
.forminator-select {
    border: 1px solid #d1d1d1 !important;
    border-radius: 4px !important;
    padding: 12px !important;
    font-size: 16px !important;
    width: 100% !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* Hover/Focus ефект – като Astra */
.forminator-input:focus,
.forminator-textarea:focus,
.forminator-select:focus {
    border-color: #3a3a3a !important;
    box-shadow: 0 0 0 1px #3a3a3a !important;
}

/* Етикети – подравняване и стил */
.forminator-label {
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    display: block !important;
    color: #2b2b2b !important;
}

/* Разстояния между полетата */
.forminator-field {
    margin-bottom: 22px !important;
}

/* Бутон – Astra Primary Button */
.forminator-button-submit {
    background-color: #0274be !important;
    color: #fff !important;
    padding: 14px 28px !important;
    border-radius: 4px !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: 0.2s ease-in-out !important;
}

.forminator-button-submit:hover {
    background-color: #005a94 !important;
}

/* Съобщения за грешки */
.forminator-error-message {
    color: #d9534f !important;
    font-size: 14px !important;
    margin-top: 4px !important;
}

/* Чекбокс – Astra стил */
.forminator-checkbox-box {
    border-radius: 3px !important;
    border: 1px solid #d1d1d1 !important;
}

.forminator-checkbox-box:hover {
    border-color: #3a3a3a !important;
}

/* Upload поле – подравняване и стил */
.forminator-upload {
    border: 1px dashed #d1d1d1 !important;
    padding: 20px !important;
    border-radius: 4px !important;
    background: #fafafa !important;
}

.forminator-upload:hover {
    border-color: #3a3a3a !important;
}

/* Success message – Astra стил */
.forminator-success {
    background: #e8f5e9 !important;
    border-left: 4px solid #4caf50 !important;
    padding: 16px !important;
    font-size: 16px !important;
    color: #2e7d32 !important;
}

/* ================================
   DomUslugi — Auth Pages (OLX стил)
   ================================ */

/* AUTH CARD */
.du-auth-card {
    max-width: 440px;
    margin: 50px auto;
    background: #fff;
    border-radius: 12px;
    padding: 40px 36px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.08);
}
.du-auth-card-wide {
    max-width: 580px;
}
.du-auth-icon {
    text-align: center;
    font-size: 40px;
    margin-bottom: 10px;
}
.du-auth-card h2 {
    text-align: center;
    font-size: 24px;
    color: #222;
    margin: 0 0 6px;
    font-weight: 700;
}
.du-auth-subtitle {
    text-align: center;
    color: #888;
    font-size: 15px;
    margin: 0 0 28px;
}
.du-auth-links {
    text-align: center;
    margin-top: 22px;
    font-size: 14px;
    color: #888;
}
.du-auth-links a {
    color: #0073aa;
    text-decoration: none;
    font-weight: 600;
}
.du-auth-links a:hover {
    text-decoration: underline;
}
.du-auth-separator {
    margin: 0 10px;
    color: #ccc;
}

/* WordPress login form override */
.du-auth-card .login-username,
.du-auth-card .login-password,
.du-auth-card .login-remember,
.du-auth-card .login-submit {
    margin-bottom: 18px;
}
.du-auth-card .login-username label,
.du-auth-card .login-password label {
    display: block;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    font-size: 14px;
}
.du-auth-card .login-username input,
.du-auth-card .login-password input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    transition: border-color 0.2s;
    box-sizing: border-box;
}
.du-auth-card .login-username input:focus,
.du-auth-card .login-password input:focus {
    border-color: #0073aa;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,115,170,0.15);
}
.du-auth-card .login-submit input[type="submit"] {
    width: 100%;
    padding: 14px;
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
}
.du-auth-card .login-submit input[type="submit"]:hover {
    background: #005a87;
}

/* ALERTS */
.du-alert {
    padding: 14px 18px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
}
.du-alert p { margin: 2px 0; }
.du-alert-error {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #b91c1c;
}
.du-alert-success {
    background: #f0fdf4;
    border: 1px solid #86efac;
    color: #166534;
}
.du-alert-success a {
    color: #166534;
    font-weight: 700;
}

/* FORMS */
.du-form { margin-top: 10px; }
.du-form-group {
    margin-bottom: 18px;
    flex: 1;
}
.du-form-group label {
    display: block;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    font-size: 14px;
}
.du-form-group input,
.du-form-group select,
.du-form-group textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    background: #fff;
    transition: border-color 0.2s;
    box-sizing: border-box;
}
.du-form-group input:focus,
.du-form-group select:focus {
    border-color: #0073aa;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,115,170,0.15);
}
.du-form-row {
    display: flex;
    gap: 16px;
}
@media (max-width: 576px) {
    .du-form-row { flex-direction: column; gap: 0; }
    .du-auth-card { margin: 20px 12px; padding: 28px 20px; }
}

/* BUTTONS */
.du-btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    border: 2px solid transparent;
    box-sizing: border-box;
}
.du-btn-full { display: block; width: 100%; }
.du-btn-lg { padding: 16px 28px; font-size: 17px; }

.du-btn-primary {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}
.du-btn-primary:hover { background: #005a87; border-color: #005a87; color: #fff; }

.du-btn-outline {
    background: transparent;
    color: #0073aa;
    border-color: #0073aa;
}
.du-btn-outline:hover { background: #0073aa; color: #fff; }

.du-btn-gold {
    background: #f59e0b;
    color: #fff;
    border-color: #f59e0b;
}
.du-btn-gold:hover { background: #d97706; border-color: #d97706; color: #fff; }

.du-btn-purple {
    background: #8b5cf6;
    color: #fff;
    border-color: #8b5cf6;
}
.du-btn-purple:hover { background: #7c3aed; border-color: #7c3aed; color: #fff; }

.du-btn-dark {
    background: #1f2937;
    color: #fff;
    border-color: #1f2937;
}
.du-btn-dark:hover { background: #111827; border-color: #111827; color: #fff; }

/* ================================
   DomUslugi — Pricing Page
   ================================ */

.du-pricing-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px 60px;
}

.du-pricing-intro {
    text-align: center;
    margin-bottom: 50px;
}
.du-pricing-intro h1 {
    font-size: 36px;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 12px;
}
.du-pricing-intro p {
    font-size: 18px;
    color: #555;
    margin: 0;
}
.du-pricing-intro-sub {
    font-size: 15px;
    color: #888;
    margin-top: 8px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* PRICING GRID */
.du-pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 28px;
    margin-bottom: 60px;
}

/* PRICING CARD */
.du-pricing-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 32px 28px;
    position: relative;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
}
.du-pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

.du-pricing-card-header { margin-bottom: 20px; }
.du-pricing-card-header h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1f2937;
    margin: 10px 0 4px;
}
.du-pricing-tagline {
    color: #888;
    font-size: 14px;
    margin: 0;
}

/* BADGES */
.du-pricing-badge {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.du-badge-green { background: #ecfdf5; color: #059669; }
.du-badge-gold  { background: #fffbeb; color: #d97706; }
.du-badge-blue  { background: #eff6ff; color: #2563eb; }
.du-badge-purple { background: #f5f3ff; color: #7c3aed; }
.du-badge-dark  { background: #f3f4f6; color: #1f2937; }

/* RIBBON */
.du-pricing-ribbon {
    position: absolute;
    top: -1px;
    right: 24px;
    background: #0073aa;
    color: #fff;
    padding: 6px 16px;
    border-radius: 0 0 8px 8px;
    font-size: 12px;
    font-weight: 700;
}
.du-ribbon-pro { background: #1f2937; }

/* PRICE */
.du-pricing-price {
    margin-bottom: 24px;
}
.du-price-amount {
    font-size: 32px;
    font-weight: 800;
    color: #1f2937;
}
.du-price-period {
    font-size: 15px;
    color: #888;
}

/* FEATURES LIST */
.du-pricing-features {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    flex-grow: 1;
}
.du-pricing-features li {
    padding: 8px 0;
    padding-left: 28px;
    position: relative;
    color: #444;
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 1px solid #f5f5f5;
}
.du-pricing-features li:last-child { border-bottom: none; }
.du-pricing-features li::before {
    content: "\2713";
    position: absolute;
    left: 0;
    color: #059669;
    font-weight: 700;
    font-size: 16px;
}

/* PRICING OPTIONS (multi-button) */
.du-pricing-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.du-pricing-options .du-btn {
    font-size: 14px;
    padding: 10px 16px;
}

/* ТОП border accent */
.du-pricing-top {
    border-color: #0073aa;
    border-width: 2px;
}
.du-pricing-pro {
    border-color: #1f2937;
    border-width: 2px;
}

/* HOW IT WORKS */
.du-how-it-works {
    text-align: center;
    margin-bottom: 50px;
    padding: 50px 0;
    background: #f9fafb;
    border-radius: 16px;
}
.du-how-it-works h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 30px;
}
.du-steps {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}
.du-step {
    text-align: center;
    max-width: 180px;
}
.du-step-num {
    width: 50px;
    height: 50px;
    background: #0073aa;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    margin: 0 auto 12px;
}
.du-step p {
    color: #555;
    font-size: 15px;
    line-height: 1.5;
}

/* WHY US */
.du-why-us {
    margin-bottom: 40px;
}
.du-why-us h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 30px;
}
.du-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}
.du-why-item {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px 24px;
    font-size: 15px;
    color: #444;
    line-height: 1.6;
}
.du-why-item strong {
    color: #1f2937;
}

/* PRICING NOTE */
.du-pricing-note {
    background: #f9fafb;
    border-radius: 12px;
    padding: 24px 28px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

/* ================================
   DomUslugi — Order Page
   ================================ */

.du-order-wrap {
    max-width: 700px;
    margin: 40px auto;
    padding: 0 20px;
}

.du-order-summary {
    background: #f9fafb;
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 28px;
}
.du-order-summary h2 {
    font-size: 22px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 16px;
}
.du-order-detail {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e5e7eb;
    font-size: 15px;
    color: #555;
}
.du-order-detail:last-child { border-bottom: none; }
.du-order-detail strong { color: #1f2937; }
.du-order-total {
    font-size: 18px;
    padding-top: 14px;
    margin-top: 6px;
    border-top: 2px solid #e5e7eb;
}
.du-order-total strong {
    color: #059669;
    font-size: 22px;
}

/* PAYMENT METHODS */
.du-payment-methods {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 8px;
}
.du-payment-option {
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
}
.du-payment-option input[type="radio"] {
    width: auto;
    margin: 0;
    accent-color: #0073aa;
}
.du-payment-box {
    flex: 1;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px 18px;
    transition: border-color 0.2s, background 0.2s;
}
.du-payment-option input[type="radio"]:checked + .du-payment-box {
    border-color: #0073aa;
    background: #eff6ff;
}
.du-payment-box strong {
    display: block;
    font-size: 15px;
    color: #1f2937;
}
.du-payment-box small {
    color: #888;
    font-size: 13px;
}

@media (max-width: 768px) {
    .du-pricing-grid {
        grid-template-columns: 1fr;
    }
    .du-steps {
        flex-direction: column;
        align-items: center;
    }
    .du-order-wrap {
        margin: 20px auto;
    }
}

/* ================================
   SEO: BREADCRUMBS
   ================================ */
.du-breadcrumbs {
    font-size: 13px;
    color: #888;
    margin-bottom: 20px;
    padding: 10px 0;
    line-height: 1.6;
}
.du-breadcrumbs a {
    color: #0073aa;
    text-decoration: none;
}
.du-breadcrumbs a:hover {
    text-decoration: underline;
}
.du-breadcrumb-sep {
    margin: 0 6px;
    color: #ccc;
}
.du-breadcrumbs span[aria-current="page"] {
    color: #333;
    font-weight: 600;
}

/* ================================
   SEO: CLS PREVENTION & PERFORMANCE
   ================================ */

/* Explicit aspect-ratio for listing images — prevents CLS */
.listing-image img,
.listing-gallery img,
.listing-single-image {
    aspect-ratio: auto;
    max-width: 100%;
    height: auto;
}

/* Reserve space for listing card images */
.listing-image {
    min-height: 200px;
    contain: layout;
}

/* Reserve space for gallery — LCP optimization */
.listing-gallery img:first-child {
    aspect-ratio: 900 / 350;
}
.listing-gallery img:not(:first-child) {
    aspect-ratio: 290 / 180;
}

/* Smooth image loading */
img[loading="lazy"] {
    content-visibility: auto;
}

/* ================================
   SEO: MOBILE IMPROVEMENTS
   ================================ */
@media (max-width: 576px) {
    /* Larger touch targets for mobile SEO */
    .listing-link,
    .listing-back,
    .search-button,
    .du-btn {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Better readable font sizes */
    .listing-content,
    .listing-info p,
    .listing-description {
        font-size: 15px;
    }

    /* Breadcrumbs wrap nicely */
    .du-breadcrumbs {
        font-size: 12px;
        word-break: break-word;
    }

    /* Fix pricing card spacing on mobile */
    .du-pricing-card {
        padding: 24px 20px;
    }

    /* Improve listing card readability */
    .listing-title {
        font-size: 16px;
        height: auto;
        -webkit-line-clamp: 3;
    }
}

/* ================================
   SEO: INTRO TEXT
   ================================ */
.du-seo-intro {
    margin: 15px 0 25px;
    font-size: 15px;
    line-height: 1.7;
    color: #555;
    max-width: 800px;
}
.du-seo-intro strong {
    color: #333;
}

/* ================================
   SEO: CATEGORY LINKS (Internal Linking)
   ================================ */
.du-category-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 15px 0 25px;
}
.du-cat-link {
    display: inline-block;
    padding: 6px 16px;
    background: #f0f4f8;
    color: #0073aa;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid #e2e8f0;
}
.du-cat-link:hover {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* ================================
   SEO: RELATED LINKS + CTA (Single Listing)
   ================================ */
.du-related-links {
    margin: 30px 0;
    padding: 25px;
    background: #f8f9fa;
    border-radius: 8px;
}
.du-related-links h2 {
    font-size: 18px;
    color: #333;
    margin: 0 0 15px;
}
.du-related-cats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.du-cta-section {
    margin: 30px 0;
    padding: 30px;
    background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%);
    border-radius: 12px;
    text-align: center;
    border: 1px solid #e2e8f0;
}
.du-cta-section p {
    font-size: 17px;
    color: #333;
    font-weight: 600;
    margin: 0 0 15px;
}
.du-cta-section .du-btn {
    margin: 0 6px;
}

/* ================================
   SEO: FAQ SECTION (Pricing Page)
   ================================ */
.du-faq-section {
    margin-bottom: 50px;
}
.du-faq-section h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 30px;
}
.du-faq-list {
    max-width: 800px;
    margin: 0 auto;
}
.du-faq-item {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}
.du-faq-item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.du-faq-item summary {
    padding: 18px 24px;
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.du-faq-item summary::-webkit-details-marker {
    display: none;
}
.du-faq-item summary::after {
    content: "+";
    font-size: 22px;
    font-weight: 300;
    color: #888;
    transition: transform 0.2s;
}
.du-faq-item[open] summary::after {
    content: "\2212";
}
.du-faq-item p {
    padding: 0 24px 18px;
    font-size: 15px;
    line-height: 1.7;
    color: #555;
    margin: 0;
}
.du-faq-item a {
    color: #0073aa;
    font-weight: 600;
}

@media (max-width: 576px) {
    .du-cta-section .du-btn {
        display: block;
        margin: 8px 0;
    }
    .du-category-links {
        gap: 6px;
    }
    .du-cat-link {
        font-size: 12px;
        padding: 5px 12px;
    }
}

/* ================================
   HOMEPAGE: HERO SECTION
   ================================ */
.du-hero {
    background: linear-gradient(135deg, #0073aa 0%, #005a87 50%, #003f5e 100%);
    padding: 80px 20px 70px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.du-hero::before {
    content: \";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.05)"/><circle cx="80" cy="60" r="3" fill="rgba(255,255,255,0.04)"/><circle cx="50" cy="80" r="1.5" fill="rgba(255,255,255,0.06)"/></svg>') repeat;
    pointer-events: none;
}
.du-hero-inner {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.du-hero h1 {
    font-size: 38px;
    font-weight: 800;
    margin: 0 0 16px;
    line-height: 1.25;
    color: #fff;
}
.du-hero-sub {
    font-size: 18px;
    opacity: 0.9;
    margin: 0 0 32px;
    line-height: 1.6;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* HERO SEARCH BAR */
.du-hero-search {
    max-width: 700px;
    margin: 0 auto 28px;
}
.du-hero-search-row {
    display: flex;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}
.du-hero-search-row input[type="text"] {
    flex: 1;
    border: none;
    padding: 16px 20px;
    font-size: 16px;
    color: #333;
    outline: none;
    min-width: 0;
}
.du-hero-search-row select {
    border: none;
    border-left: 1px solid #e5e7eb;
    padding: 16px 16px;
    font-size: 15px;
    color: #555;
    background: #f9fafb;
    cursor: pointer;
    outline: none;
    min-width: 160px;
}
.du-hero-search-btn {
    border-radius: 0 !important;
    padding: 16px 32px !important;
    font-size: 16px !important;
    white-space: nowrap;
}

/* HERO CTA */
.du-hero-cta {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}
.du-btn-accent {
    background: #059669;
    color: #fff;
    border-color: #059669;
}
.du-btn-accent:hover {
    background: #047857;
    border-color: #047857;
    color: #fff;
}
.du-btn-outline-white {
    background: transparent;
    color: #fff;
    border-color: rgba(255,255,255,0.5);
}
.du-btn-outline-white:hover {
    background: rgba(255,255,255,0.15);
    border-color: #fff;
    color: #fff;
}

/* HERO STATS */
.du-hero-stats {
    display: flex;
    justify-content: center;
    gap: 32px;
    font-size: 15px;
    opacity: 0.85;
}
.du-hero-stats strong {
    font-size: 20px;
    display: block;
    color: #fff;
}

/* ================================
   HOMEPAGE: CATEGORIES GRID
   ================================ */
.du-categories-section {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 20px;
    text-align: center;
}
.du-categories-section h2 {
    font-size: 30px;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 8px;
}
.du-section-sub {
    font-size: 16px;
    color: #888;
    margin: 0 0 36px;
}
.du-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 16px;
    margin-bottom: 30px;
}
.du-category-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.2s;
}
.du-category-card:hover {
    border-color: #0073aa;
    box-shadow: 0 4px 16px rgba(0,115,170,0.12);
    transform: translateY(-2px);
}
.du-category-icon {
    font-size: 32px;
    margin-bottom: 8px;
}
.du-category-name {
    font-size: 14px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 4px;
}
.du-category-count {
    font-size: 12px;
    color: #888;
}
.du-section-cta {
    margin-top: 10px;
}

/* ================================
   HOMEPAGE: LATEST LISTINGS
   ================================ */
.du-latest-section {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 20px 60px;
    text-align: center;
}
.du-latest-section h2 {
    font-size: 30px;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 8px;
}
.du-latest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 24px;
    margin-bottom: 30px;
    text-align: left;
}
.du-listing-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
}
.du-listing-card:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}
.du-listing-card-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}
.du-listing-card-noimg {
    width: 100%;
    height: 200px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    opacity: 0.4;
}
.du-listing-card-body {
    padding: 16px 20px 20px;
    flex: 1;
}
.du-listing-card-body h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.du-listing-card-meta {
    display: flex;
    gap: 12px;
    font-size: 13px;
    color: #888;
    margin-bottom: 8px;
}
.du-listing-card-price {
    font-size: 18px;
    font-weight: 800;
    color: #059669;
}

/* ================================
   HOMEPAGE: ADVANTAGES
   ================================ */
.du-advantages {
    background: #f9fafb;
    padding: 60px 20px;
    text-align: center;
}
.du-advantages h2 {
    font-size: 30px;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 36px;
}
.du-advantages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1100px;
    margin: 0 auto;
}
.du-adv-card {
    background: #fff;
    border-radius: 12px;
    padding: 32px 24px;
    border: 1px solid #e5e7eb;
    text-align: left;
    transition: box-shadow 0.2s;
}
.du-adv-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
.du-adv-icon {
    font-size: 32px;
    margin-bottom: 12px;
}
.du-adv-card h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 8px;
}
.du-adv-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* ================================
   HOMEPAGE: CTA BANNER
   ================================ */
.du-cta-banner {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    padding: 60px 20px;
    text-align: center;
    color: #fff;
}
.du-cta-banner-inner {
    max-width: 700px;
    margin: 0 auto;
}
.du-cta-banner h2 {
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 12px;
    color: #fff;
}
.du-cta-banner p {
    font-size: 17px;
    opacity: 0.9;
    margin: 0 0 28px;
}
.du-cta-banner-btns {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

/* ================================
   STICKY HEADER
   ================================ */
.du-header-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    animation: du-slideDown 0.3s ease;
}
@keyframes du-slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

/* ================================
   HOMEPAGE: MOBILE RESPONSIVE
   ================================ */
@media (max-width: 768px) {
    .du-hero { padding: 50px 16px 40px; }
    .du-hero h1 { font-size: 26px; }
    .du-hero-sub { font-size: 15px; }
    .du-hero-search-row {
        flex-direction: column;
        border-radius: 12px;
    }
    .du-hero-search-row input[type="text"],
    .du-hero-search-row select {
        border-left: none;
        border-bottom: 1px solid #e5e7eb;
        min-width: auto;
    }
    .du-hero-search-btn {
        border-radius: 0 0 12px 12px !important;
    }
    .du-hero-stats { gap: 20px; font-size: 13px; }
    .du-hero-stats strong { font-size: 17px; }
    .du-hero-cta { flex-direction: column; align-items: center; }
    .du-hero-cta .du-btn { width: 100%; max-width: 320px; }
    .du-categories-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .du-category-card { padding: 16px 10px; }
    .du-category-icon { font-size: 26px; }
    .du-category-name { font-size: 12px; }
    .du-latest-grid { grid-template-columns: 1fr; }
    .du-advantages-grid { grid-template-columns: 1fr; }
    .du-cta-banner h2 { font-size: 24px; }
    .du-cta-banner-btns { flex-direction: column; align-items: center; }
    .du-cta-banner-btns .du-btn { width: 100%; max-width: 320px; }
}
@media (max-width: 400px) {
    .du-categories-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ================================
   9. UX/UI: IMPROVED BUTTONS
   ================================ */
.du-btn-sm {
    padding: 8px 18px;
    font-size: 13px;
    border-radius: 6px;
}
.du-btn {
    letter-spacing: 0.02em;
}
.du-btn:active {
    transform: scale(0.97);
}
/* Focus ring for accessibility */
.du-btn:focus-visible,
.du-form-group input:focus-visible,
.du-form-group select:focus-visible {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}
/* Card hover shadow lift */
.du-auth-card,
.du-pricing-card,
.du-adv-card,
.du-listing-card,
.du-category-card {
    will-change: transform;
}
/* Better form placeholder color */
.du-form-group input::placeholder,
.du-form-group select::placeholder,
.du-hero-search-row input::placeholder {
    color: #aaa;
}
/* Smooth scroll for the whole page */
html {
    scroll-behavior: smooth;
}

/* ================================
   10. MOBILE: IMPROVED LAYOUT SHIFTS
   ================================ */
/* Prevent CLS on listing cards */
.du-listing-card-img {
    aspect-ratio: 400 / 250;
    overflow: hidden;
    background: #f3f4f6;
}
/* Fix for double-tap zoom on mobile buttons */
@media (max-width: 768px) {
    .du-btn { touch-action: manipulation; }
    /* Better mobile form inputs */
    .du-form-group input,
    .du-form-group select {
        font-size: 16px; /* Prevents iOS zoom on focus */
    }
    /* Mobile search bar padding */
    .listings-search {
        padding: 16px;
    }
    .search-form {
        gap: 10px;
    }
    /* Mobile listing card improvements */
    .listing-card { margin-bottom: 0; }
    /* Mobile auth card */
    .du-auth-card-wide { max-width: 100%; }
}
/* Very small screens */
@media (max-width: 360px) {
    .du-hero h1 { font-size: 22px; }
    .du-hero-sub { font-size: 14px; }
    .du-btn-lg { padding: 14px 20px; font-size: 15px; }
}

/* ================================
   11. SPEED: Reduce paint complexity
   ================================ */
/* GPU-accelerated animations */
.du-pricing-card,
.du-listing-card,
.du-category-card,
.du-adv-card,
.listing-card {
    transform: translateZ(0);
    backface-visibility: hidden;
}
/* Reduce repaints on sticky header */
.du-header-sticky {
    will-change: transform;
    contain: layout style;
}
/* Optimize large images */
.listing-gallery img,
.listing-single-image,
.du-listing-card-img img {
    image-rendering: -webkit-optimize-contrast;
}

/* ================================
   12. HEADER/MENU: CTA + Sticky
   ================================ */
/* CTA button in navigation */
.du-menu-cta {
    margin-left: 12px !important;
}
.du-menu-cta .du-btn {
    line-height: 1;
    white-space: nowrap;
}
/* Sticky header background fix */
.du-header-sticky {
    background: #fff !important;
}
/* Admin bar offset for sticky header */
.admin-bar .du-header-sticky {
    top: 32px;
}
@media (max-width: 782px) {
    .admin-bar .du-header-sticky { top: 46px; }
    .du-menu-cta { display: none !important; } /* Hide CTA on mobile — already in hero */
}
/* Mobile hamburger menu improvements */
@media (max-width: 921px) {
    .du-menu-cta { margin-left: 0 !important; padding: 8px 16px; }
}

/* ================================
   13. FOOTER
   ================================ */
.du-footer {
    background: #1f2937;
    color: #d1d5db;
    padding: 50px 20px 0;
    margin-top: 40px;
}
.du-footer-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #374151;
}
.du-footer h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 16px;
}
.du-footer p {
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
    color: #9ca3af;
}
.du-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.du-footer li {
    margin-bottom: 8px;
}
.du-footer a {
    color: #d1d5db;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
}
.du-footer a:hover {
    color: #fff;
}
.du-footer-bottom {
    text-align: center;
    padding: 20px 0;
    font-size: 13px;
    color: #6b7280;
}
.du-footer-bottom p { margin: 0; color: #6b7280; }

@media (max-width: 768px) {
    .du-footer-inner {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}
@media (max-width: 480px) {
    .du-footer-inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .du-footer { padding: 30px 16px 0; }
}

/* ================================
   14. BREADCRUMBS & PAGINATION (improved)
   ================================ */
/* Better breadcrumb styling */
.du-breadcrumbs {
    background: #f9fafb;
    padding: 10px 16px;
    border-radius: 6px;
    margin-bottom: 24px;
}
/* Pagination — improved touch targets */
.listings-pagination a,
.listings-pagination span {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
}
/* Archive pagination within listing grid */
nav[aria-label="Пагинация"] a,
nav[aria-label="Пагинация"] span {
    display: inline-block;
    padding: 10px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    text-decoration: none;
    color: #555;
    font-size: 14px;
    transition: all 0.2s;
    margin: 0 3px;
}
nav[aria-label="Пагинация"] a:hover,
nav[aria-label="Пагинация"] .current {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* ================================
   GLOBAL: Smooth transitions
   ================================ */
a { transition: color 0.2s; }
img { transition: opacity 0.3s; }
img[loading="lazy"] {
    opacity: 0;
    animation: du-fadeIn 0.4s ease forwards;
}
@keyframes du-fadeIn {
    to { opacity: 1; }
}

/* ================================
   UX/UI FINAL POLISH
   ================================ */

/* 1. HERO: По-голям контраст, по-силен CTA */
.du-hero h1 {
    text-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.du-hero-sub {
    text-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.du-btn-accent {
    box-shadow: 0 4px 14px rgba(5,150,105,0.35);
    font-size: 17px;
}
.du-btn-accent:hover {
    box-shadow: 0 6px 20px rgba(5,150,105,0.45);
}

/* 2. HERO SEARCH: По-ясен фокус */
.du-hero-search-row input[type="text"]:focus,
.du-hero-search-row select:focus {
    background: #f0f9ff;
}
.du-hero-search-row input[type="text"]::placeholder {
    font-size: 15px;
}

/* 3. CATEGORIES: По-четими, ALO стил */
.du-category-card {
    gap: 4px;
}
.du-category-name {
    text-align: center;
    line-height: 1.3;
}

/* 4. LATEST LISTINGS: По-добър вид на цената */
.du-listing-card-price {
    margin-top: 4px;
}
.du-listing-card {
    color: #333;
}
.du-listing-card:hover .du-listing-card-body h3 {
    color: #0073aa;
}

/* 5. ADVANTAGES: По-добър spacing */
.du-advantages {
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

/* 6. CTA BANNER: По-силен контраст */
.du-cta-banner h2 {
    text-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* 7. FORMS: По-добри error/success стилове */
.du-alert {
    border-radius: 10px;
}
.du-alert-error {
    animation: du-shake 0.4s ease;
}
@keyframes du-shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-6px); }
    40%, 80% { transform: translateX(6px); }
}
.du-alert-success {
    animation: du-fadeIn 0.5s ease;
}
/* Form group spacing consistency */
.du-form-group label small {
    color: #999;
    font-weight: 400;
}
/* Payment radio hover */
.du-payment-option:hover .du-payment-box {
    border-color: #93c5fd;
    background: #f0f9ff;
}

/* 8. LISTING CARDS: ALO/OLX стил hover */
.listing-card {
    cursor: pointer;
}
.listing-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
/* Listing card link style */
.listing-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.listing-link::after {
    content: "→";
    transition: transform 0.2s;
}
.listing-card:hover .listing-link::after {
    transform: translateX(3px);
}

/* 9. PRICING CARDS: По-ясна визуална йерархия */
.du-pricing-free .du-pricing-card-header {
    border-bottom: 2px solid #ecfdf5;
    padding-bottom: 16px;
}
.du-pricing-vip .du-pricing-card-header {
    border-bottom: 2px solid #fffbeb;
    padding-bottom: 16px;
}
.du-pricing-top .du-pricing-card-header {
    border-bottom: 2px solid #eff6ff;
    padding-bottom: 16px;
}
.du-pricing-marked .du-pricing-card-header {
    border-bottom: 2px solid #f5f3ff;
    padding-bottom: 16px;
}
.du-pricing-pro .du-pricing-card-header {
    border-bottom: 2px solid #f3f4f6;
    padding-bottom: 16px;
}

/* 10. H1/H2/H3 visual hierarchy */
h1 { line-height: 1.25; }
h2 { line-height: 1.3; }
h3 { line-height: 1.35; }
.du-section-sub + .du-categories-grid,
.du-section-sub + .du-latest-grid {
    margin-top: 8px;
}

/* 11. MOBILE NAV: По-добър hamburger */
@media (max-width: 921px) {
    /* Astra mobile menu items — better spacing */
    .ast-mobile-popup-content .menu-item > a {
        padding: 12px 20px;
        font-size: 16px;
        border-bottom: 1px solid #f0f0f0;
    }
    /* Hide Astra default footer widgets */
    .widget-area .widget:empty {
        display: none;
    }
}

/* 12. SINGLE LISTING: По-добро info box */
.listing-info {
    border: 1px solid #e5e7eb;
}
.listing-info p {
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.listing-info a {
    color: #0073aa;
    font-weight: 600;
}
.listing-info a:hover {
    text-decoration: underline;
}

/* 13. ARCHIVE: Filter form better look */
.listing-filters {
    border: 1px solid #e5e7eb;
}
.listing-filters select,
.listing-filters input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: border-color 0.2s;
}
.listing-filters select:focus,
.listing-filters input[type="text"]:focus {
    border-color: #0073aa;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,115,170,0.15);
}

/* 14. GALLERY: Better spacing + lightbox hint */
.listing-gallery img {
    border: 2px solid transparent;
}
.listing-gallery img:hover {
    border-color: #0073aa;
}

/* 15. BREADCRUMBS: Cleaner look */
.du-breadcrumbs a {
    transition: color 0.15s;
}
.du-breadcrumbs a:hover {
    color: #005a87;
}

/* 16. FAQ: Smoother open/close */
.du-faq-item[open] {
    background: #f9fafb;
}
.du-faq-item summary {
    transition: background 0.2s;
}
.du-faq-item summary:hover {
    background: #f9fafb;
}

/* 17. BACK TO TOP BUTTON (injected via JS) */
.du-back-to-top {
    position: fixed;
    z-index: 9998;
    bottom: 24px;
    right: 24px;
    width: 44px;
    height: 44px;
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s, background 0.2s;
    z-index: 998;
    display: flex;
    align-items: center;
    justify-content: center;
}
.du-back-to-top.visible {
    opacity: 1;
    visibility: visible;
}
.du-back-to-top:hover {
    background: #005a87;
}
@media (max-width: 768px) {
    .du-back-to-top {
        bottom: 16px;
        right: 16px;
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}

/* ============================================================
   ДОСТЪПНОСТ (Accessibility)
   ============================================================ */

/* Skip-to-content */
.du-skip-to-content {
    position: absolute;
    top: -100%;
    left: 16px;
    z-index: 10000;
    background: #0073aa;
    color: #fff;
    padding: 12px 24px;
    border-radius: 0 0 6px 6px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: top 0.2s;
}
.du-skip-to-content:focus {
    top: 0;
    outline: 3px solid #005a87;
    outline-offset: 2px;
}

/* Focus-visible за всички интерактивни елементи */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #0073aa;
    outline-offset: 2px;
}

/* Listing card keyboard focus */
.listing-card:focus-visible {
    outline: 3px solid #0073aa;
    outline-offset: 2px;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Pricing card focus */
.du-pricing-card:focus-within {
    outline: 3px solid #0073aa;
    outline-offset: 2px;
}

/* Contrast fixes — darken light grays */
.listings-count,
.listing-description,
.listing-location,
.no-listings p {
    color: #555;
}
.du-hero-sub,
.du-adv-desc,
.du-footer-col p,
.du-footer-bottom {
    color: #ccc; /* light text on dark bg stays ok */
}
/* Fix light gray text on white backgrounds */
.du-seo-intro p,
.du-category-links a,
.du-related-cats a {
    color: #444;
}
/* Ensure form labels have sufficient contrast */
.search-field label,
.du-form label {
    color: #222;
}
/* Breadcrumb separators and links */
.du-breadcrumbs a {
    color: #0066a0;
}
.du-breadcrumbs .separator {
    color: #555;
}

/* ============================================================
   ДВОЙНИ ЦЕНИ: EUR основна + BGN вторична
   ============================================================ */

/* BGN вторична цена — навсякъде */
.du-price-bgn {
    display: inline-block;
    font-size: 0.78em;
    font-weight: 400;
    color: #777;
    margin-left: 4px;
    cursor: help;
    border-bottom: 1px dotted #bbb;
}

/* EUR основна цена */
.du-price-eur {
    font-weight: 700;
}

/* Pricing cards: BGN под EUR */
.du-pricing-price .du-price-bgn {
    display: block;
    margin-left: 0;
    margin-top: 2px;
    font-size: 13px;
}

/* Pricing buttons: dual price inline */
.du-pricing-options .du-price-bgn {
    font-size: 0.82em;
    opacity: 0.85;
}
.du-pricing-options .du-price-eur {
    font-weight: 600;
}

/* Listing card prices */
.du-listing-card-price .du-price-bgn {
    font-size: 12px;
    display: block;
    margin-left: 0;
    margin-top: 1px;
}

/* Listing price badge (single, archive-listing) */
.listing-price-badge .du-price-eur {
    font-size: inherit;
}
.listing-price-badge .du-price-bgn {
    font-size: 12px;
    display: block;
    margin-left: 0;
    margin-top: 2px;
}

/* Order page: dual price total */
.du-order-total .du-price-bgn {
    font-size: 14px;
}

/* WooCommerce dual price */
.du-woo-bgn {
    display: inline-block;
    font-size: 0.82em;
    font-weight: 400;
    color: #777;
    margin-left: 4px;
    cursor: help;
    border-bottom: 1px dotted #bbb;
}
.woocommerce-Price-amount + .du-woo-bgn {
    margin-left: 3px;
}

/* Mobile: stack BGN below on small screens */
@media (max-width: 480px) {
    .du-price-bgn,
    .du-woo-bgn {
        display: block;
        margin-left: 0;
        margin-top: 1px;
    }
}

/* ============================================================
   Profile shortcode [domuslugi_profile]
   ============================================================ */
.du-profile-wrap {
    max-width: 640px;
    margin: 40px auto;
    padding: 0 16px;
}
.du-profile-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.07);
    padding: 32px;
    margin-bottom: 24px;
}
.du-profile-card h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 18px;
    color: #222;
}
.du-profile-card p {
    margin: 6px 0;
    font-size: 15px;
    color: #444;
}

/* Package status block */
.du-profile-package {
    margin-top: 8px;
}
.du-pkg-status {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.du-pkg-badge {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    text-transform: uppercase;
}
.du-pkg-active .du-pkg-badge {
    background: #e6f4ea;
    color: #1a7431;
}
.du-pkg-free .du-pkg-badge {
    background: #f0f0f0;
    color: #666;
}
.du-pkg-expiry {
    font-size: 14px;
    color: #555;
    margin: 6px 0 0;
}
.du-pkg-expiry strong {
    color: #222;
}
.du-pkg-expiry-warn {
    color: #c0392b;
    font-weight: 600;
}
.du-pkg-expiry-warn strong {
    color: #c0392b;
}

/* Listings stats */
.du-listings-stats {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 14px 0 0;
}
.du-listings-num {
    font-size: 22px;
    font-weight: 700;
    color: #2271b1;
}
.du-listings-of {
    font-size: 14px;
    color: #888;
}
.du-listings-label {
    font-size: 14px;
    color: #666;
}

/* Limit exceeded alert */
.du-limit-msg {
    margin-top: 20px;
}
.du-alert-warning {
    background: #fff8e1;
    border-left: 4px solid #f0ad4e;
    border-radius: 8px;
    padding: 16px 20px;
    font-size: 14px;
    color: #664d03;
    line-height: 1.5;
}
.du-alert-warning a {
    color: #2271b1;
    font-weight: 600;
    text-decoration: underline;
}
.du-alert-warning a:hover {
    color: #135e96;
}

/* Profile buttons */
.du-profile-wrap .du-btn {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: background .2s, box-shadow .2s;
}
.du-profile-wrap .du-btn-primary {
    background: #2271b1;
    color: #fff;
}
.du-profile-wrap .du-btn-primary:hover {
    background: #135e96;
    box-shadow: 0 2px 8px rgba(34,113,177,.25);
}
.du-profile-wrap .du-btn-outline {
    background: transparent;
    color: #2271b1;
    border: 2px solid #2271b1;
}
.du-profile-wrap .du-btn-outline:hover {
    background: #2271b1;
    color: #fff;
}

/* Profile mobile */
@media (max-width: 480px) {
    .du-profile-card {
        padding: 20px;
        border-radius: 10px;
    }
    .du-profile-wrap {
        margin: 24px auto;
    }
    .du-pkg-status {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    .du-listings-num {
        font-size: 18px;
    }
}

/* ============================================================
   ADVERTISING & SPONSORSHIP SYSTEM
   ============================================================ */

/* Ad Banner Display */
.du-ad-banner {
    text-align: center;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
}
.du-ad-banner img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
.du-ad-label {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 9px;
    padding: 2px 6px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: .5px;
    z-index: 10;
}

/* Ad Rotation / Slider */
.du-ad-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}
.du-ad-slide:first-child {
    position: relative;
}
.du-ad-slide-active {
    opacity: 1;
    visibility: visible;
    position: relative;
}
.du-ad-indicators {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 10;
}
.du-ad-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    cursor: pointer;
    transition: background .3s, transform .3s;
}
.du-ad-indicator:hover {
    background: rgba(255,255,255,.8);
}
.du-ad-indicator.active {
    background: #fff;
    transform: scale(1.2);
}

.du-header-ad-wrapper {
    background: #f8f9fa;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.du-footer-ad-wrapper {
    background: #f8f9fa;
    padding: 10px 0;
    border-top: 1px solid #eee;
    margin-top: 20px;
}
.du-ad-header { max-width: 728px; }
.du-ad-sidebar { max-width: 300px; }
.du-ad-footer { max-width: 728px; }
.du-ad-leaderboard { max-width: 728px; }
.du-ad-medium-rectangle { max-width: 300px; }
.du-ad-wide-skyscraper { max-width: 160px; }
.du-ad-billboard { max-width: 970px; }

/* Advertising Page */
.du-advertising-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Ad Hero */
.du-ad-hero {
    text-align: center;
    padding: 40px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    color: #fff;
    margin-bottom: 40px;
}
.du-ad-hero h1 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 12px;
}
.du-ad-hero-subtitle {
    font-size: 18px;
    opacity: .9;
    margin: 0;
}

/* Ad Advantages */
.du-ad-advantages {
    margin-bottom: 50px;
}
.du-ad-adv-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.du-ad-adv-item {
    background: #fff;
    border-radius: 12px;
    padding: 24px 16px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    transition: transform .2s, box-shadow .2s;
}
.du-ad-adv-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,.1);
}
.du-ad-adv-icon {
    font-size: 32px;
    display: block;
    margin-bottom: 12px;
}
.du-ad-adv-item h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 6px;
    color: #222;
}
.du-ad-adv-item p {
    font-size: 13px;
    color: #666;
    margin: 0;
}

/* Ad Pricing */
.du-ad-pricing {
    margin-bottom: 50px;
}
.du-ad-pricing h2 {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #222;
}
.du-ad-pricing-note {
    text-align: center;
    color: #666;
    font-size: 14px;
    margin: 0 0 30px;
}
.du-bgn-note {
    cursor: help;
    border-bottom: 1px dotted #999;
}

/* Position Block */
.du-ad-position-block {
    background: #fff;
    border-radius: 14px;
    padding: 28px;
    margin-bottom: 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.du-ad-position-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.du-ad-position-header h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #222;
}
.du-ad-dimensions {
    background: #e8f4fd;
    color: #2271b1;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
}
.du-ad-position-desc {
    color: #666;
    font-size: 14px;
    margin: 0 0 20px;
}

/* Pricing Cards */
.du-ad-pricing-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.du-ad-pricing-card {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 24px 20px;
    text-align: center;
    position: relative;
    border: 2px solid transparent;
    transition: border-color .2s, box-shadow .2s;
}
.du-ad-pricing-card:hover {
    border-color: #2271b1;
    box-shadow: 0 4px 16px rgba(34,113,177,.15);
}
.du-ad-pricing-card.du-ad-popular {
    background: #e8f4fd;
    border-color: #2271b1;
}
.du-ad-popular-badge {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: #2271b1;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: .3px;
}
.du-ad-card-duration {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}
.du-ad-card-price {
    margin-bottom: 16px;
}
.du-ad-price-eur {
    display: block;
    font-size: 26px;
    font-weight: 700;
    color: #2271b1;
}
.du-ad-price-bgn {
    display: block;
    font-size: 13px;
    color: #777;
    margin-top: 2px;
    cursor: help;
}
.du-ad-buy-btn {
    width: 100%;
    padding: 10px 16px;
}

/* Requirements Table */
.du-ad-requirements {
    margin-bottom: 50px;
}
.du-ad-requirements h2 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px;
    color: #222;
}
.du-ad-req-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.du-ad-req-table th,
.du-ad-req-table td {
    padding: 14px 20px;
    text-align: left;
    border-bottom: 1px solid #eee;
}
.du-ad-req-table th {
    background: #f8f9fa;
    font-weight: 600;
    color: #333;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .3px;
}
.du-ad-req-table td {
    font-size: 14px;
    color: #444;
}
.du-ad-req-table tr:last-child td {
    border-bottom: none;
}

/* Visual Mockup */
.du-ad-visual {
    margin-bottom: 50px;
}
.du-ad-visual h2 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px;
    color: #222;
}
.du-ad-visual-mockup {
    max-width: 600px;
    margin: 0 auto;
    border: 2px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}
.du-ad-mockup-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}
.du-ad-mockup-body {
    display: flex;
    min-height: 200px;
}
.du-ad-mockup-content {
    flex: 1;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 14px;
}
.du-ad-mockup-sidebar {
    width: 150px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
}
.du-ad-mockup-footer {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

/* Contact Section */
.du-ad-contact {
    text-align: center;
    margin-bottom: 50px;
    padding: 40px;
    background: #f8f9fa;
    border-radius: 14px;
}
.du-ad-contact h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #222;
}
.du-ad-contact p {
    color: #666;
    margin: 0 0 20px;
}
.du-ad-contact-info .du-btn {
    font-size: 16px;
}

/* FAQ */
.du-ad-faq h2 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 24px;
    color: #222;
}
.du-ad-faq-list {
    max-width: 700px;
    margin: 0 auto;
}
.du-ad-faq-item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.04);
    overflow: hidden;
}
.du-ad-faq-item summary {
    padding: 16px 20px;
    font-weight: 600;
    cursor: pointer;
    color: #222;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.du-ad-faq-item summary::-webkit-details-marker {
    display: none;
}
.du-ad-faq-item summary::after {
    content: '+';
    font-size: 20px;
    color: #2271b1;
    font-weight: 400;
}
.du-ad-faq-item[open] summary::after {
    content: '−';
}
.du-ad-faq-item p {
    padding: 0 20px 16px;
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}

/* Ad Order Page */
.du-ad-order-page {
    max-width: 600px;
    margin: 40px auto;
    padding: 0 20px;
}
.du-ad-order-page h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 24px;
    color: #222;
}
.du-ad-order-summary {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
}
.du-ad-order-summary h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px;
    color: #222;
}
.du-ad-order-details {
    display: grid;
    gap: 10px;
}
.du-ad-order-item {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
.du-ad-order-label {
    color: #666;
}
.du-ad-order-value {
    font-weight: 600;
    color: #222;
}
.du-ad-order-form {
    background: #fff;
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.du-ad-order-form .du-form-group {
    margin-bottom: 20px;
}
.du-ad-order-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #333;
    font-size: 14px;
}
.du-ad-order-form input[type="file"],
.du-ad-order-form input[type="url"] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
}
.du-ad-order-form input[type="file"] {
    padding: 8px;
    background: #f8f9fa;
}
.du-form-hint {
    font-size: 12px;
    color: #888;
    margin: 6px 0 0;
}
.du-payment-methods {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.du-payment-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: #f8f9fa;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color .2s;
}
.du-payment-option:has(input:checked) {
    border-color: #2271b1;
    background: #e8f4fd;
}
.du-payment-option input {
    margin: 0;
}
.du-payment-option span {
    font-size: 14px;
    font-weight: 500;
}
.du-btn-lg {
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
}

/* My Ads Section */
.du-my-ads {
    margin-top: 24px;
}
.du-my-ads h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 16px;
    color: #222;
}
.du-my-ads-empty {
    color: #666;
    font-size: 14px;
}
.du-my-ads-list {
    display: grid;
    gap: 16px;
}
.du-my-ad-card {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.du-my-ad-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.du-my-ad-header h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #222;
}
.du-my-ad-status {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: .3px;
}
.du-status-active {
    background: #e6f4ea;
    color: #1a7431;
}
.du-status-pending {
    background: #fff8e1;
    color: #b8860b;
}
.du-status-inactive {
    background: #f0f0f0;
    color: #666;
}
.du-status-expired {
    background: #fdecea;
    color: #c0392b;
}
.du-my-ad-body {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
}
.du-my-ad-preview {
    flex-shrink: 0;
    max-width: 150px;
}
.du-my-ad-preview img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    border: 1px solid #eee;
}
.du-my-ad-info {
    flex: 1;
}
.du-my-ad-info p {
    font-size: 13px;
    color: #555;
    margin: 0 0 6px;
}
.du-my-ad-info a {
    color: #2271b1;
}
.du-my-ad-actions {
    padding-top: 12px;
    border-top: 1px solid #eee;
}
.du-upload-banner-form {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.du-upload-label {
    position: relative;
    cursor: pointer;
}
.du-upload-label input[type="file"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.du-upload-hint {
    font-size: 11px;
    color: #888;
}
.du-btn-sm {
    padding: 6px 14px;
    font-size: 13px;
}
.du-my-ads-cta {
    margin-top: 20px;
    text-align: center;
}

/* Advertising Mobile */
@media (max-width: 768px) {
    .du-ad-adv-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .du-ad-pricing-cards {
        grid-template-columns: 1fr;
    }
    .du-ad-position-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .du-ad-mockup-body {
        flex-direction: column;
    }
    .du-ad-mockup-sidebar {
        width: 100%;
        padding: 20px;
    }
    .du-ad-req-table {
        font-size: 13px;
    }
    .du-ad-req-table th,
    .du-ad-req-table td {
        padding: 10px 12px;
    }
    .du-my-ad-body {
        flex-direction: column;
    }
    .du-my-ad-preview {
        max-width: 100%;
    }
    .du-upload-banner-form {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .du-ad-hero h1 {
        font-size: 24px;
    }
    .du-ad-hero-subtitle {
        font-size: 15px;
    }
    .du-ad-adv-grid {
        grid-template-columns: 1fr;
    }
    .du-ad-position-block {
        padding: 20px;
    }
    .du-ad-pricing-card {
        padding: 20px 16px;
    }
    .du-ad-price-eur {
        font-size: 22px;
    }
    .du-payment-methods {
        flex-direction: column;
    }
    .du-ad-order-form {
        padding: 20px;
    }
}

/* ============================================================
   VIP CONTRACTORS SECTION
   ============================================================ */
.du-vip-contractors {
    padding: 40px 20px;
    background: #f8f9fa;
    margin: 40px 0;
}
.du-vip-contractors h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 28px;
    color: #222;
}
.du-vip-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
}
.du-vip-card {
    background: #fff;
    border-radius: 14px;
    padding: 24px 16px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    position: relative;
    transition: transform .2s, box-shadow .2s;
}
.du-vip-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,.1);
}
.du-vip-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #f5af19, #f12711);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.du-vip-avatar {
    margin-bottom: 12px;
}
.du-vip-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #f5af19;
}
.du-vip-card h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 6px;
    color: #222;
}
.du-vip-category {
    display: block;
    font-size: 13px;
    color: #2271b1;
    margin-bottom: 4px;
}
.du-vip-city {
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 12px;
}
.du-vip-card .du-btn {
    margin-top: 8px;
}

/* Sponsored Listing Badge */
.du-sponsored-badge {
    display: inline-block;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .3px;
    margin-right: 8px;
    vertical-align: middle;
}

/* Sponsored Listing Card Styling */
.listing-card.is-sponsored,
.du-listing-card.is-sponsored {
    border: 2px solid #667eea;
    background: linear-gradient(135deg, rgba(102,126,234,.05), rgba(118,75,162,.05));
    box-shadow: 0 4px 20px rgba(102,126,234,.15);
}
.listing-card.is-sponsored::before,
.du-listing-card.is-sponsored::before {
    content: '⭐ Спонсорирано';
    position: absolute;
    top: 10px;
    left: 10px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .3px;
    z-index: 10;
}

/* ============================================================
   VIDEO ADVERTISING
   ============================================================ */
.du-video-ad {
    position: relative;
    margin: 20px auto;
    max-width: 100%;
}
.du-video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
}
.du-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}
.du-video-ad .du-ad-label {
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,.7);
    padding: 4px 10px;
}
.du-video-cta {
    display: block;
    text-align: center;
    margin-top: 12px;
    padding: 10px 20px;
    background: #2271b1;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: background .2s;
}
.du-video-cta:hover {
    background: #135e96;
    color: #fff;
}
.du-video-homepage {
    max-width: 640px;
}
.du-video-video_sidebar {
    max-width: 300px;
}

/* Video Ad Section on Homepage */
.du-video-section {
    padding: 40px 20px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    margin: 40px 0;
}
.du-video-section h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 24px;
    color: #222;
}

/* VIP Contractors Mobile */
@media (max-width: 480px) {
    .du-vip-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .du-vip-card {
        padding: 16px 12px;
    }
    .du-vip-avatar img {
        width: 60px;
        height: 60px;
    }
    .du-vip-card h4 {
        font-size: 14px;
    }
    .du-video-wrapper {
        border-radius: 8px;
    }
    .du-video-cta {
        padding: 8px 16px;
        font-size: 14px;
    }
}
/* ===== MOBILE FLYOUT BUTTONS STYLING ===== */
/* Влез - видим линк */
.ast-mobile-popup-content .ast-header-html a {
    color: #333333 !important;
    font-size: 16px !important;
    display: block !important;
    padding: 10px 20px !important;
}

/* Създай профил - изглежда като бутон */
.ast-mobile-popup-content .ast-custom-button-link,
.ast-mobile-popup-content .ast-custom-button {
    color: #0f57fb !important;
    background: transparent !important;
}
.ast-mobile-popup-content .ast-builder-button-wrap {
    padding: 8px 20px 20px !important;
}
.ast-mobile-popup-content .ast-custom-button-link {
    display: inline-block !important;
    border: 2px solid #0f57fb !important;
    border-radius: 4px !important;
    padding: 10px 24px !important;
}
/* ========================================== */

/* === DESKTOP NAV FIX === */
@media (min-width: 922px) {
    /* Hide CTA button and Reklama from nav - AyeCode shows them on the right */
    .du-menu-cta,
    .menu-item-reklama {
        display: none !important;
    }
}


/* === NAV PADDING FIX === */
@media (min-width: 922px) {
    /* Reduce nav link padding slightly to fit all 6 items in one row */
    .ast-primary-menu > li > a,
    .ast-nav-menu > li > a {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* DomUslugi: скрий FEP аватар колоната в inbox списъка */
.fep-column-avatar{display:none !important;}

/* DomUslugi: скрий FEP Известия и Указател */
#fep-menu-announcements,#fep-menu-new_announcement,#fep-menu-directory{display:none !important;}