:root {
            --deep-forest: #0a1f14;
            --forest-green: #132e20;
            --pine: #1a4230;
            --emerald: #2d6b4b;
            --amber: #e8781a;
            --golden: #f5a623;
            --warm-white: #faf7f0;
            --cream: #f3efe4;
            --snow: #ffffff;
            --stone: #e6e0d3;
            --text-primary: #1c1c1c;
            --text-secondary: #4d4d4d;
            --text-muted: #6f6f6f;
            --border-subtle: #e0dbcf;
            --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
            --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
            --shadow-md: 0 6px 20px rgba(0,0,0,0.08);
            --shadow-lg: 0 14px 36px rgba(0,0,0,0.12);
            --shadow-xl: 0 24px 56px rgba(0,0,0,0.16);
            --radius-xs: 6px;
            --radius-sm: 10px;
            --radius-md: 16px;
            --radius-lg: 24px;
            --radius-xl: 32px;
            --radius-full: 9999px;
            --transition-fast: 160ms cubic-bezier(0.4, 0, 0.2, 1);
            --transition-smooth: 280ms cubic-bezier(0.4, 0, 0.2, 1);
            --transition-bounce: 350ms cubic-bezier(0.34, 1.56, 0.64, 1);
        }

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

        html {
            scroll-behavior: smooth;
            -webkit-font-smoothing: antialiased;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background-color: var(--warm-white);
            color: var(--text-primary);
            line-height: 1.6;
            display: flex;
            min-height: 100vh;
            overflow-x: hidden;
        }

        /* ========== SIDEBAR ========== */
        .sidebar {
            width: 300px;
            background: linear-gradient(170deg, #0c1f15 0%, #142c20 40%, #1a3828 100%);
            color: var(--snow);
            display: flex;
            flex-direction: column;
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            z-index: 1100;
            box-shadow: 6px 0 35px rgba(0,0,0,0.3);
            transition: transform var(--transition-smooth);
            overflow-y: auto;
            border-right: 1px solid rgba(255,255,255,0.06);
        }

        .sidebar::-webkit-scrollbar { width: 3px; }
        .sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 10px; }

        .sidebar-header {
            padding: 2rem 1.5rem 1.5rem;
            border-bottom: 1px solid rgba(255,255,255,0.08);
        }

        .logo-wrapper {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 0.6rem;
        }

        .logo-icon-sidebar {
            width: 46px;
            height: 46px;
            background: linear-gradient(135deg, var(--amber), var(--golden));
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            box-shadow: 0 8px 22px rgba(232, 120, 26, 0.35);
        }

        .logo-text-main {
            font-family: 'Playfair Display', serif;
            font-size: 1.55rem;
            font-weight: 700;
            line-height: 1.15;
        }
        .logo-text-main span { color: var(--golden); font-weight: 800; }

        .tagline-sidebar {
            font-size: 0.82rem;
            color: #b0bfa8;
            font-style: italic;
        }

        .sidebar-nav {
            flex: 1;
            padding: 0.8rem 1rem;
            display: flex;
            flex-direction: column;
            gap: 1px;
        }

        .nav-section-title {
            font-size: 0.68rem;
            text-transform: uppercase;
            letter-spacing: 1.8px;
            color: rgba(255,255,255,0.35);
            padding: 1rem 0.8rem 0.3rem;
            font-weight: 700;
        }

        .sidebar-nav a {
            color: #cdd6c4;
            text-decoration: none;
            padding: 0.7rem 0.9rem;
            border-radius: var(--radius-sm);
            display: flex;
            align-items: center;
            gap: 12px;
            font-weight: 450;
            font-size: 0.93rem;
            transition: all var(--transition-fast);
        }

        .sidebar-nav a i { width: 19px; height: 19px; flex-shrink: 0; }
        .sidebar-nav a:hover { background: rgba(255,255,255,0.07); color: #fff; transform: translateX(2px); }
        .sidebar-nav a.active { background: rgba(255,255,255,0.11); color: white; font-weight: 600; box-shadow: inset 3px 0 0 var(--golden); }

        .nav-badge {
            margin-left: auto;
            background: var(--amber);
            color: white;
            font-size: 0.68rem;
            padding: 3px 9px;
            border-radius: 12px;
            font-weight: 700;
        }

        .sidebar-cta {
            margin: 1.2rem 1rem;
            padding: 1rem 1.2rem;
            background: linear-gradient(135deg, rgba(232,120,26,0.18), rgba(245,166,35,0.12));
            border: 1px solid rgba(245,166,35,0.25);
            border-radius: var(--radius-lg);
            text-align: center;
        }

        .sidebar-cta p {
            font-size: 0.82rem;
            color: #ddd2b8;
            margin-bottom: 0.7rem;
        }

        .cta-button-sidebar {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            background: var(--amber);
            color: white;
            text-decoration: none;
            padding: 0.75rem 1.3rem;
            border-radius: var(--radius-full);
            font-weight: 700;
            font-size: 0.88rem;
            transition: all var(--transition-bounce);
            box-shadow: 0 8px 20px rgba(232,120,26,0.3);
        }

        .cta-button-sidebar:hover {
            background: #d06e14;
            transform: translateY(-2px);
            box-shadow: 0 12px 28px rgba(232,120,26,0.45);
        }

        .sidebar-footer {
            padding: 1rem 1.5rem;
            border-top: 1px solid rgba(255,255,255,0.07);
            font-size: 0.72rem;
            color: rgba(255,255,255,0.35);
            text-align: center;
        }

        /* ========== MAIN CONTENT ========== */
        .main-content {
            margin-left: 300px;
            flex: 1;
            width: calc(100% - 300px);
            background: var(--warm-white);
            transition: margin-left var(--transition-smooth);
            min-height: 100vh;
        }

        /* ========== MOBILE HEADER ========== */
        .mobile-header {
            display: none;
            position: sticky;
            top: 0;
            background: var(--deep-forest);
            color: white;
            padding: 0.85rem 1.3rem;
            align-items: center;
            justify-content: space-between;
            z-index: 1050;
            box-shadow: var(--shadow-lg);
        }

        .mobile-logo {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: 1.15rem;
        }
        .mobile-logo span { color: var(--golden); }

        .hamburger-btn {
            background: none;
            border: none;
            color: white;
            cursor: pointer;
            padding: 5px;
            border-radius: 8px;
        }

        .sidebar-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.55);
            z-index: 1090;
            backdrop-filter: blur(2px);
        }
        .sidebar-overlay.active { display: block; }

        /* ========== HERO SECTION (COMPLETELY RESPONSIVE) ========== */
        .hero-section {
            position: relative;
            min-height: 100vh;
            background: linear-gradient(160deg, rgba(10,31,20,0.72) 0%, rgba(26,66,48,0.45) 100%),
                        url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?q=80&w=2070&auto=format&fit=crop') center/cover no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: white;
            padding: 2rem;
            border-radius: 0 0 40px 40px;
            overflow: hidden;
        }

        .hero-content {
            position: relative;
            z-index: 2;
            max-width: 750px;
            width: 100%;
        }

        .weather-pill {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: rgba(255,255,255,0.12);
            backdrop-filter: blur(18px);
            padding: 0.55rem 1.5rem;
            border-radius: var(--radius-full);
            font-size: 0.9rem;
            margin-bottom: 1.5rem;
            border: 1px solid rgba(255,255,255,0.18);
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(15px);
            padding: 0.5rem 1.4rem;
            border-radius: var(--radius-full);
            font-size: 0.88rem;
            margin-bottom: 1.5rem;
            border: 1px solid rgba(255,255,255,0.15);
        }

        .hero-title {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 7vw, 4.2rem);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 1rem;
            text-shadow: 0 4px 24px rgba(0,0,0,0.5);
        }

        .hero-subtitle {
            font-size: clamp(1rem, 2.5vw, 1.25rem);
            opacity: 0.9;
            margin-bottom: 2rem;
        }

        .search-box {
            background: rgba(255,255,255,0.94);
            backdrop-filter: blur(22px);
            padding: 0.55rem;
            border-radius: var(--radius-full);
            display: flex;
            align-items: center;
            gap: 5px;
            box-shadow: var(--shadow-xl);
            max-width: 600px;
            margin: 0 auto;
        }

        .search-box input {
            flex: 1;
            border: none;
            padding: 0.9rem 1.5rem;
            border-radius: var(--radius-full);
            font-size: 1rem;
            background: transparent;
            outline: none;
        }

        .search-btn {
            background: var(--amber);
            color: white;
            border: none;
            padding: 0.9rem 1.8rem;
            border-radius: var(--radius-full);
            font-weight: 700;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 7px;
            white-space: nowrap;
        }

        /* ========== CONTAINER ========== */
        .container {
            max-width: 1260px;
            margin: 0 auto;
            padding: 1.5rem 1.8rem;
        }

        /* ========== SECTION HEADERS ========== */
        .section-label {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-size: 0.78rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--emerald);
            font-weight: 700;
            margin-bottom: 0.3rem;
        }

        .section-title-main {
            font-family: 'Playfair Display', serif;
            font-size: clamp(1.8rem, 4vw, 2.4rem);
            font-weight: 700;
            color: var(--deep-forest);
            margin-bottom: 0.4rem;
            line-height: 1.2;
        }

        .section-description {
            color: var(--text-muted);
            font-size: 1rem;
            margin-bottom: 2rem;
            max-width: 650px;
        }

        .section-link {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            color: var(--amber);
            text-decoration: none;
            font-weight: 700;
            font-size: 0.95rem;
            transition: gap var(--transition-fast);
        }
        .section-link:hover { gap: 10px; }

        .section-header-row {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }

        /* ========== BANNER AD SPACE ========== */
        .banner-ad {
            background: linear-gradient(135deg, #fdf8f0, #f7efe0);
            border: 2px dashed #d4c5a0;
            border-radius: var(--radius-lg);
            padding: 1.8rem 2rem;
            margin: 2rem 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1.5rem;
            flex-wrap: wrap;
            text-align: center;
            color: var(--text-secondary);
            font-weight: 500;
            transition: all var(--transition-smooth);
        }

        .banner-ad:hover {
            border-color: var(--amber);
            background: #fffbf5;
        }

        .banner-ad i {
            color: var(--amber);
        }

        .banner-ad strong {
            color: var(--deep-forest);
            font-size: 1.1rem;
        }

        /* ========== CARDS & CAROUSEL ========== */
        .carousel-wrapper {
            position: relative;
            padding-bottom: 3rem;
        }

        .carousel-container {
            display: flex;
            gap: 1.5rem;
            overflow-x: auto;
            scroll-behavior: smooth;
            scroll-snap-type: x mandatory;
            padding-bottom: 0.5rem;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        .carousel-container::-webkit-scrollbar { display: none; }

        .carousel-container .accommodation-card {
            min-width: calc(33.333% - 1rem);
            flex-shrink: 0;
            scroll-snap-align: start;
        }

        .accommodation-card {
            background: var(--snow);
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            transition: all var(--transition-bounce);
            cursor: pointer;
            border: 1px solid var(--border-subtle);
        }

        .accommodation-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-lg);
        }

        .card-image-wrapper {
            position: relative;
            height: 220px;
            overflow: hidden;
        }

        .card-image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

        .accommodation-card:hover .card-image-wrapper img {
            transform: scale(1.07);
        }

        .card-badges {
            position: absolute;
            top: 12px;
            left: 12px;
            display: flex;
            gap: 5px;
            flex-wrap: wrap;
        }

        .badge {
            padding: 4px 11px;
            border-radius: var(--radius-full);
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.3px;
        }
        .badge-new { background: #10b981; color: white; }
        .badge-popular { background: #ef4444; color: white; }
        .badge-luxury { background: #8b5cf6; color: white; }

        .quick-view-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.35);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity var(--transition-smooth);
        }

        .accommodation-card:hover .quick-view-overlay { opacity: 1; }

        .quick-view-btn {
            background: white;
            color: var(--deep-forest);
            border: none;
            padding: 0.55rem 1.2rem;
            border-radius: var(--radius-full);
            font-weight: 700;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 0.82rem;
            transform: translateY(8px);
            transition: all var(--transition-bounce);
        }

        .accommodation-card:hover .quick-view-btn { transform: translateY(0); }

        .card-content { padding: 1.1rem 1.2rem; }
        .card-type { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 1.2px; color: var(--emerald); font-weight: 700; margin-bottom: 0.2rem; }
        .card-title { font-family: 'Playfair Display', serif; font-size: 1.15rem; font-weight: 700; color: var(--deep-forest); margin-bottom: 0.2rem; }
        .card-location { font-size: 0.82rem; color: var(--text-muted); display: flex; align-items: center; gap: 4px; margin-bottom: 0.6rem; }
        .card-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--border-subtle); padding-top: 0.6rem; }
        .card-price { font-weight: 800; font-size: 1.05rem; color: var(--amber); }
        .card-rating { display: flex; align-items: center; gap: 3px; font-size: 0.82rem; color: #f59e0b; font-weight: 600; }

        /* ========== CAROUSEL DOTS ========== */
        .carousel-dots {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 1.2rem;
        }

        .carousel-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #d4cfc2;
            border: none;
            cursor: pointer;
            transition: all var(--transition-fast);
        }

        .carousel-dot.active {
            background: var(--amber);
            width: 28px;
            border-radius: 20px;
        }

        /* ========== WATERFALLS ========== */
        .waterfalls-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem;
        }

        .waterfall-card {
            background: var(--snow);
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            display: flex;
            border: 1px solid var(--border-subtle);
            transition: all var(--transition-bounce);
        }
        .waterfall-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
        .waterfall-image { width: 45%; min-height: 200px; background-size: cover; background-position: center; }
        .waterfall-info { padding: 1.3rem; flex: 1; display: flex; flex-direction: column; justify-content: center; }
        .waterfall-info h3 { font-family: 'Playfair Display', serif; color: var(--deep-forest); margin-bottom: 0.3rem; }
        .waterfall-link { color: var(--amber); text-decoration: none; font-weight: 600; font-size: 0.88rem; display: inline-flex; align-items: center; gap: 4px; margin-top: 0.4rem; }

        /* ========== NEWS ========== */
        .news-layout {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 1.5rem;
        }

        .news-featured {
            background: var(--snow);
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            border: 1px solid var(--border-subtle);
        }

        .news-featured-image { height: 280px; background-size: cover; background-position: center; }
        .news-featured-content { padding: 1.4rem; }
        .news-featured-content h3 { font-family: 'Playfair Display', serif; font-size: 1.3rem; color: var(--deep-forest); }
        .news-date { font-size: 0.78rem; color: var(--text-muted); font-weight: 500; }

        .news-list { display: flex; flex-direction: column; gap: 0.8rem; }
        .news-list-item {
            background: var(--snow);
            border-radius: var(--radius-md);
            padding: 0.9rem;
            display: flex;
            gap: 0.9rem;
            align-items: center;
            box-shadow: var(--shadow-xs);
            border: 1px solid var(--border-subtle);
            transition: all var(--transition-fast);
            cursor: pointer;
        }
        .news-list-item:hover { box-shadow: var(--shadow-md); transform: translateX(2px); }
        .news-thumb { width: 75px; height: 65px; border-radius: var(--radius-sm); background-size: cover; background-position: center; flex-shrink: 0; }

        /* ========== NEWSLETTER ========== */
        .newsletter-section {
            background: linear-gradient(135deg, var(--deep-forest), #0f281b);
            border-radius: var(--radius-xl);
            padding: 2.8rem 2.2rem;
            position: relative;
            overflow: hidden;
            margin: 2.5rem 0;
        }

        .newsletter-bg-icon {
            position: absolute;
            right: -10px;
            bottom: -20px;
            opacity: 0.05;
            color: white;
        }

        .newsletter-content {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            gap: 2rem;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .newsletter-text h2 {
            font-family: 'Playfair Display', serif;
            color: white;
            font-size: 1.9rem;
            margin-bottom: 0.4rem;
        }

        .newsletter-text p { color: rgba(255,255,255,0.78); }

        .newsletter-form {
            display: flex;
            gap: 0.5rem;
            min-width: 340px;
        }

        .newsletter-form input {
            flex: 1;
            padding: 0.9rem 1.4rem;
            border-radius: var(--radius-full);
            border: 2px solid rgba(255,255,255,0.2);
            background: rgba(255,255,255,0.08);
            color: white;
            font-size: 0.95rem;
            outline: none;
        }

        .newsletter-form input::placeholder { color: rgba(255,255,255,0.5); }
        .newsletter-form button {
            background: var(--golden);
            color: white;
            border: none;
            padding: 0.9rem 1.8rem;
            border-radius: var(--radius-full);
            font-weight: 700;
            cursor: pointer;
            white-space: nowrap;
        }

        /* ========== SEO ========== */
        .seo-section {
            background: var(--cream);
            border-radius: var(--radius-lg);
            padding: 2.2rem;
            margin: 2rem 0;
            border: 1px solid var(--border-subtle);
        }

        /* ========== FOOTER ========== */
        .footer {
            background: #081810;
            color: #b0bca6;
            padding: 3rem 2rem 1.8rem;
            margin-top: 2rem;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
            gap: 2rem;
            max-width: 1260px;
            margin: 0 auto;
        }

        .footer-col h4 {
            color: white;
            font-weight: 700;
            margin-bottom: 1rem;
            font-size: 0.95rem;
            letter-spacing: 0.3px;
        }

        .footer-col a {
            color: #99a88e;
            text-decoration: none;
            display: block;
            margin-bottom: 0.5rem;
            font-size: 0.88rem;
            transition: color var(--transition-fast);
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .footer-col a:hover { color: var(--golden); }

        .social-icons {
            display: flex;
            gap: 12px;
            margin-top: 0.8rem;
        }

        .social-icon {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(255,255,255,0.08);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #b0bca6;
            transition: all var(--transition-fast);
            text-decoration: none;
        }

        .social-icon:hover {
            background: var(--amber);
            color: white;
        }

        .footer-bottom {
            border-top: 1px solid rgba(255,255,255,0.08);
            margin-top: 2rem;
            padding-top: 1.5rem;
            text-align: center;
            font-size: 0.82rem;
            max-width: 1260px;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 1rem;
        }

        /* ========== RESPONSIVE ========== */
        @media (max-width: 1100px) {
            .carousel-container .accommodation-card { min-width: calc(50% - 0.8rem); }
            .footer-grid { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 900px) {
            .sidebar { transform: translateX(-100%); }
            .sidebar.open { transform: translateX(0); }
            .main-content { margin-left: 0; width: 100%; }
            .mobile-header { display: flex; }
            .carousel-container .accommodation-card { min-width: calc(100% - 0.5rem); }
            .waterfalls-grid { grid-template-columns: 1fr; }
            .waterfall-card { flex-direction: column; }
            .waterfall-image { width: 100%; height: 180px; }
            .news-layout { grid-template-columns: 1fr; }
            .newsletter-content { flex-direction: column; text-align: center; }
            .newsletter-form { min-width: 100%; flex-direction: column; }
            .hero-section { min-height: 85vh; padding: 1.2rem; }
            .search-box { flex-direction: column; border-radius: var(--radius-lg); padding: 0.8rem; gap: 8px; }
            .search-box input { width: 100%; }
            .search-btn { width: 100%; justify-content: center; border-radius: var(--radius-full); }
            .footer-grid { grid-template-columns: 1fr; }
        }

        @media (max-width: 500px) {
            .container { padding: 1rem; }
        }
    

.logo-icon-sidebar,.logo-text-main{color:white;text-decoration:none}.logo-text-main{display:block}.sidebar-nav .menu-item{list-style:none}.sidebar-nav a svg,.sidebar-nav a i{width:19px;height:19px;flex-shrink:0}.sidebar-nav a.active{background:rgba(255,255,255,0.11);color:white;font-weight:600;box-shadow:inset 3px 0 0 var(--golden)}.banner-ad a{color:var(--amber);font-weight:700;text-decoration:none}.banner-ad-second{margin-top:2rem}.home-section-gap{margin-top:2.5rem}.quick-view-btn{text-decoration:none}.card-rating svg,.card-rating i{fill:#f59e0b}.card-text-small{font-size:0.88rem;color:var(--text-muted)}.news-featured,.news-list-item{color:inherit;text-decoration:none}.news-featured-content p{font-size:0.9rem;color:var(--text-secondary)}.news-list-item p{font-weight:600;font-size:0.88rem;margin:0}.seo-section h3{font-family:'Playfair Display',serif;color:var(--deep-forest);margin-bottom:0.8rem}.footer-col p{font-size:0.88rem;margin:0}.footer-col svg,.footer-col i{vertical-align:middle;flex-shrink:0}.footer-bottom a{color:#99a88e}.footer-add-link{color:var(--golden)!important;font-weight:600}.newsletter-form button:hover,.search-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.weather-pill [data-lucide]{color:var(--golden)}.featured-image img{max-width:100%;height:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Archive smeštaja 1:1 template */
.page-header{background:linear-gradient(160deg,rgba(10,31,20,.85),rgba(26,66,48,.6)),url('https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat;padding:3.5rem 2rem;border-radius:0 0 40px 40px;color:#fff;text-align:center;margin-bottom:1.5rem}.page-header h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:.5rem}.page-header p{opacity:.9;font-size:1.05rem}.page-header .breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.85rem;opacity:.8;margin-bottom:1rem;justify-content:center}.page-header .breadcrumb a{color:#fff;text-decoration:none}.featured-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2rem}.featured-banner{background:var(--snow);border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-md);transition:all var(--transition-bounce);cursor:pointer;text-decoration:none;color:inherit;display:block}.featured-banner:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.featured-banner-img{height:180px;background-size:cover;background-position:center;position:relative}.featured-banner-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 60%)}.featured-banner-content{position:absolute;bottom:0;left:0;right:0;padding:1.2rem;color:#fff}.featured-banner-content h3{font-family:'Playfair Display',serif}.featured-banner-content p{font-size:.85rem}.featured-badge{position:absolute;top:12px;right:12px;background:var(--amber);color:#fff;padding:5px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;z-index:2}.filters-section{background:var(--snow);border-radius:var(--radius-xl);padding:1.8rem 2rem;box-shadow:var(--shadow-md);margin-bottom:2rem;border:1px solid var(--border-subtle);position:relative;overflow:hidden}.filters-section:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--amber),var(--golden),var(--emerald))}.filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.filters-header-left{display:flex;align-items:center;gap:10px}.filters-header-left i{color:var(--amber)}.filters-header h3{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--deep-forest)}.results-count{font-size:.88rem;color:var(--text-muted);background:var(--cream);padding:.4rem 1rem;border-radius:var(--radius-full);font-weight:500}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.73rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:4px}.filter-group select,.filter-group input{padding:.75rem 1rem;border:2px solid var(--border-subtle);border-radius:var(--radius-md);font-family:'Inter',sans-serif;font-size:.9rem;background:var(--warm-white);color:var(--text-primary);transition:all var(--transition-fast);outline:none}.filter-group select:focus,.filter-group input:focus{border-color:var(--amber);box-shadow:0 0 0 4px rgba(232,120,26,.08);background:#fff}.filter-actions{display:flex;gap:.8rem;margin-top:1.2rem;flex-wrap:wrap}.btn{padding:.75rem 1.6rem;border-radius:var(--radius-full);font-weight:700;font-size:.9rem;cursor:pointer;transition:all var(--transition-bounce);border:none;font-family:'Inter',sans-serif;display:flex;align-items:center;gap:7px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--amber),#d06e14);color:#fff;box-shadow:0 6px 18px rgba(232,120,26,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(232,120,26,.4)}.btn-outline{background:transparent;border:2px solid var(--border-subtle);color:var(--text-primary)}.btn-outline:hover{border-color:var(--amber);color:var(--amber);background:#fffaf5}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.filter-tag{background:linear-gradient(135deg,#fff8f0,#ffeed8);padding:.4rem 1rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:7px;border:1px solid #f0d5a8;color:var(--amber)}.sort-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;background:var(--snow);padding:.8rem 1.3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.sort-options{display:flex;gap:.4rem;flex-wrap:wrap}.sort-btn{padding:.5rem 1.1rem;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;cursor:pointer;font-size:.84rem;font-weight:500;transition:all var(--transition-fast);color:var(--text-secondary);text-decoration:none}.sort-btn.active{background:var(--deep-forest);color:#fff;font-weight:600}.sort-btn:hover:not(.active){background:var(--cream);color:var(--deep-forest)}.view-toggle{display:flex;gap:4px;background:var(--cream);padding:3px;border-radius:var(--radius-full)}.view-btn{padding:.5rem .9rem;border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);font-weight:500;font-size:.82rem;display:flex;align-items:center;gap:5px;text-decoration:none}.view-btn.active{background:#fff;color:var(--deep-forest);font-weight:600;box-shadow:var(--shadow-sm)}.accommodation-list{display:flex;flex-direction:column;gap:1.2rem}.accommodation-list-item{background:var(--snow);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-bounce);cursor:pointer;border:1px solid var(--border-subtle);display:flex;gap:0}.accommodation-list-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.list-image-wrapper{width:340px;min-height:240px;flex-shrink:0;position:relative;overflow:hidden}.list-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.accommodation-list-item:hover .list-image-wrapper img{transform:scale(1.06)}.list-content{padding:1.4rem 1.6rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.list-type{font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--emerald);font-weight:700;margin-bottom:.2rem}.list-title{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--deep-forest);margin-bottom:.3rem}.list-location{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:5px;margin-bottom:.7rem}.list-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.8rem}.list-features{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:.8rem}.list-feature-item{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--text-secondary);background:var(--cream);padding:4px 10px;border-radius:var(--radius-full)}.list-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:.8rem;flex-wrap:wrap;gap:.5rem}.list-price{font-weight:800;font-size:1.3rem;color:var(--amber)}.list-rating{display:flex;align-items:center;gap:4px;font-weight:600;color:#f59e0b}.list-actions{display:flex;gap:8px}.list-btn{padding:.55rem 1.2rem;border-radius:var(--radius-full);font-weight:600;font-size:.84rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:flex;align-items:center;gap:5px}.list-btn-primary{background:var(--amber);color:#fff;border:none}.list-btn-primary:hover{background:#d06e14}.list-btn-outline{border:2px solid var(--border-subtle);color:var(--deep-forest);background:transparent}.list-btn-outline:hover{border-color:var(--amber)}.accommodation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.accommodation-grid .accommodation-card{background:var(--snow);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-bounce);cursor:pointer;border:1px solid var(--border-subtle);display:flex;flex-direction:column}.accommodation-grid .accommodation-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.card-features{display:flex;gap:12px;margin-bottom:.7rem;font-size:.78rem;color:var(--text-secondary);flex-wrap:wrap}.card-features span{display:flex;align-items:center;gap:3px}.badge-featured{background:var(--amber);color:#fff}.badge-luxury{background:#8b5cf6;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:2.5rem;flex-wrap:wrap}.pagination .nav-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pagination .page-numbers{min-width:42px;height:42px;border-radius:50%;border:2px solid var(--border-subtle);background:#fff;color:var(--text-primary);font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0 10px}.pagination .page-numbers:hover{border-color:var(--amber);color:var(--amber)}.pagination .page-numbers.current{background:var(--deep-forest);color:#fff;border-color:var(--deep-forest)}@media(max-width:1100px){.accommodation-grid{grid-template-columns:repeat(2,1fr)}.featured-banners{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(2,1fr)}.list-image-wrapper{width:260px;min-height:200px}}@media(max-width:900px){.accommodation-grid{grid-template-columns:repeat(2,1fr)}.featured-banners{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,1fr)}.accommodation-list-item{flex-direction:column}.list-image-wrapper{width:100%;min-height:200px}}@media(max-width:600px){.accommodation-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr}.sort-bar{flex-direction:column;align-items:flex-start}.filters-section{padding:1.2rem}.list-bottom{flex-direction:column;align-items:flex-start}}

/* ========== NEWS ARCHIVE 1:1 ========== */
.news-archive-hero{background-position:center;background-size:cover;background-repeat:no-repeat;padding:3rem 2rem;border-radius:0 0 40px 40px;color:#fff;text-align:center;margin-bottom:2rem}.news-archive-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:.5rem}.news-archive-hero p{opacity:.9;font-size:1.05rem;max-width:760px;margin:0 auto}.breadcrumb-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.85rem;opacity:.85;margin-bottom:1rem;justify-content:center}.breadcrumb-header a{color:#fff;text-decoration:none}.breadcrumb-header a:hover{text-decoration:underline}.news-archive-container{max-width:1180px}.featured-news{display:grid;grid-template-columns:1.35fr 1fr;gap:1.5rem;margin-bottom:2rem}.featured-main{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-bounce);border:1px solid var(--border-light);position:relative;color:inherit;text-decoration:none;display:block}.featured-main:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.featured-main-img{height:360px;background:center/cover no-repeat}.featured-main-content{padding:1.5rem 1.8rem}.featured-main-content .category-tag,.news-card-img .category-tag{display:inline-block;background:var(--amber);color:#fff;padding:4px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;margin-bottom:.6rem}.featured-main-content h2{font-family:'Playfair Display',serif;font-size:1.65rem;color:var(--deep-forest);margin-bottom:.5rem;line-height:1.3}.featured-main-content p{color:var(--text-secondary);font-size:.95rem}.featured-meta{display:flex;gap:15px;font-size:.82rem;color:var(--text-muted);margin-top:.7rem;flex-wrap:wrap}.featured-meta span{display:flex;align-items:center;gap:5px}.featured-side-four{display:flex;flex-direction:column;gap:1rem}.featured-side-item{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-bounce);border:1px solid var(--border-light);padding:.85rem;color:inherit;text-decoration:none;display:flex;flex-direction:row;align-items:center;gap:1rem;min-height:118px}.featured-side-item:hover{transform:translateX(4px);box-shadow:var(--shadow-lg)}.featured-side-thumb{width:140px;height:92px;border-radius:var(--radius-md);background:center/cover no-repeat;flex-shrink:0;margin-bottom:0}.featured-side-content{min-width:0}.featured-side-content h4{font-family:'Playfair Display',serif;font-size:1rem;color:var(--deep-forest);margin-bottom:.3rem;line-height:1.28}.featured-side-content .date{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:5px}.side-category{display:inline-flex;font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:var(--amber);font-weight:800;margin-bottom:.25rem}.category-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.5rem}.cat-filter-btn{padding:.5rem 1.2rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#fff;cursor:pointer;font-weight:500;font-size:.85rem;transition:all var(--transition-fast);color:var(--text-secondary);text-decoration:none}.cat-filter-btn:hover{border-color:var(--amber);color:var(--amber)}.cat-filter-btn.active{background:var(--deep-forest);color:#fff;border-color:var(--deep-forest)}.news-grid-archive{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.news-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-bounce);border:1px solid var(--border-light);display:flex;flex-direction:column}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.news-card-img{height:200px;background:center/cover no-repeat;position:relative;display:block;text-decoration:none}.news-card-img .category-tag{position:absolute;top:12px;left:12px;margin:0;font-size:.7rem;padding:3px 12px}.news-card-body{padding:1.2rem 1.3rem;flex:1;display:flex;flex-direction:column}.news-card-body h3{font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--deep-forest);margin-bottom:.4rem;line-height:1.3}.news-card-body h3 a{color:inherit;text-decoration:none}.news-card-body h3 a:hover{color:var(--amber)}.news-card-body p{color:var(--text-secondary);font-size:.88rem;flex:1}.news-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.9rem;font-size:.8rem;color:var(--text-muted);gap:.65rem;flex-wrap:wrap}.news-card-footer span,.read-more{display:flex;align-items:center;gap:4px}.read-more{color:var(--amber);font-weight:700;text-decoration:none}.news-empty{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:2rem 0;flex-wrap:wrap}.pagination .page-numbers{min-width:40px;height:40px;border-radius:50%;border:1px solid var(--border-subtle);background:#fff;cursor:pointer;font-weight:600;font-size:.88rem;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;padding:0 10px}.pagination .page-numbers:hover{border-color:var(--amber);color:var(--amber)}.pagination .page-numbers.current{background:var(--deep-forest);color:#fff;border-color:var(--deep-forest)}@media(max-width:1100px){.featured-news{grid-template-columns:1fr}.news-grid-archive{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.featured-main-img{height:260px}.news-grid-archive{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.featured-side-item{align-items:flex-start}.featured-side-thumb{width:112px;height:86px}.news-grid-archive{grid-template-columns:1fr}.news-archive-hero{padding:2.5rem 1rem}.featured-main-content{padding:1.2rem}.featured-meta{gap:10px}.news-card-footer{align-items:flex-start}}

/* Customizer logo / SVG support */
.logo-wrapper.has-custom-logo { align-items: center; }
.site-logo-media { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; text-decoration: none; max-width: 220px; }
.site-logo-media img { display: block; width: auto; max-width: 220px; object-fit: contain; }
.site-logo-media-mobile img { max-width: 180px; }
.logo-text-block { min-width: 0; }
.logo-wrapper.has-custom-logo .tagline-sidebar { margin-top: 0.2rem; }
.mobile-logo .site-logo-media { max-width: 190px; }
.mobile-logo .site-logo-media img { max-width: 190px; }
@media (max-width: 420px) {
  .mobile-logo .site-logo-media img { max-width: 150px; }
}

/* Logo centering + tighter sidebar CTA/footer spacing */
.sidebar-header {
  text-align: center;
}
.logo-wrapper,
.logo-wrapper.has-custom-logo {
  justify-content: center;
  text-align: center;
  width: 100%;
}
.logo-wrapper.has-custom-logo {
  gap: 10px;
}
.logo-wrapper.has-custom-logo .logo-text-block,
.logo-text-block {
  text-align: center;
}
.logo-wrapper.has-custom-logo .tagline-sidebar,
.tagline-sidebar {
  text-align: center;
}
.site-logo-media {
  margin-left: auto;
  margin-right: auto;
}
.sidebar-cta {
  margin: 0.85rem 1rem 0.45rem;
  padding: 0.95rem 1.05rem;
}
.sidebar-cta p {
  margin-bottom: 0.55rem;
}
.cta-button-sidebar {
  margin-left: auto;
  margin-right: auto;
}
.sidebar-footer {
  padding-top: 0.7rem;
}
.mobile-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-logo .logo-wrapper,
.mobile-logo .logo-wrapper.has-custom-logo {
  justify-content: flex-start;
  text-align: left;
}
.mobile-logo .logo-text-block,
.mobile-logo .tagline-sidebar {
  text-align: left;
}

/* ========== AUTH / MEMBERS PAGES ========== */
.sp-auth-wrap {
    min-height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem;
    position: relative;
}
.sp-auth-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 25% 15%, rgba(232,120,26,.10), transparent 34%), radial-gradient(circle at 78% 20%, rgba(42,99,67,.12), transparent 35%);
    pointer-events: none;
}
.sp-auth-shell {
    width: min(100%, 1120px);
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 1.6rem;
    position: relative;
    z-index: 1;
}
.sp-auth-hero {
    background: linear-gradient(160deg, rgba(7,26,16,.92), rgba(22,56,40,.82)), var(--sp-auth-bg, url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?q=80&w=1200&auto=format&fit=crop')) center/cover;
    color: #fff;
    border-radius: var(--radius-xl, 28px);
    padding: 2.2rem;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: var(--shadow-xl, 0 20px 48px rgba(0,0,0,.14));
    overflow: hidden;
}
.sp-auth-kicker {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .45rem;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    padding: .45rem .95rem;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f7d7aa;
}
.sp-auth-hero h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.25rem, 5vw, 4rem);
    line-height: 1.08;
    margin: 1rem 0 .8rem;
}
.sp-auth-hero p { color: rgba(255,255,255,.82); font-size: 1.02rem; max-width: 520px; }
.sp-auth-points { display: grid; gap: .65rem; margin-top: 1.4rem; }
.sp-auth-point { display: flex; align-items: center; gap: .65rem; color: rgba(255,255,255,.86); font-size: .92rem; }
.sp-auth-panel {
    background: #fff;
    border-radius: var(--radius-xl, 28px);
    padding: 2.1rem;
    box-shadow: var(--shadow-lg, 0 12px 32px rgba(0,0,0,.10));
    border: 1px solid var(--border-light, #f0ece4);
}
.sp-auth-card-head { margin-bottom: 1.2rem; }
.sp-auth-card-head .sp-auth-icon {
    width: 48px; height: 48px; border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--amber, #e8781a), var(--golden, #f5a623));
    color: #fff; box-shadow: 0 8px 22px rgba(232,120,26,.28);
    margin-bottom: .85rem;
}
.sp-auth-card-head h2 { font-family:'Playfair Display', serif; color: var(--deep-forest,#071a10); font-size: 1.85rem; margin:0 0 .25rem; }
.sp-auth-card-head p { color: var(--text-muted,#737373); font-size: .94rem; }
.sp-form { width: 100%; max-width: none; margin: 0; }
.sp-form h2 { display:none; }
.sp-field { display:flex; flex-direction:column; gap:.42rem; margin-bottom:.9rem; }
.sp-field label { font-size:.74rem; text-transform:uppercase; letter-spacing:1.2px; font-weight:800; color:var(--text-muted,#737373); }
.sp-field input, .sp-field textarea, .sp-field select {
    width:100%; border:2px solid var(--border-subtle,#e0dcd2); background:var(--warm-white,#faf7f2);
    border-radius: var(--radius-md,14px); padding:.85rem 1rem; font:inherit; outline:none; color:var(--text-primary,#1a1a1a);
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.sp-field textarea { min-height: 140px; resize: vertical; }
.sp-field input:focus, .sp-field textarea:focus, .sp-field select:focus { border-color:var(--amber,#e8781a); background:#fff; box-shadow:0 0 0 4px rgba(232,120,26,.08); }
.sp-btn { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; border:none; text-decoration:none; cursor:pointer; font-weight:800; border-radius:999px; padding:.82rem 1.35rem; transition:all .25s ease; font-family:Inter,system-ui,sans-serif; }
.sp-btn--primary { width:100%; color:#fff; background:linear-gradient(135deg,var(--amber,#e8781a),#d06e14); box-shadow:0 9px 24px rgba(232,120,26,.30); }
.sp-btn--primary:hover { transform:translateY(-2px); box-shadow:0 13px 30px rgba(232,120,26,.42); }
.sp-btn--ghost { border:2px solid var(--border-subtle,#e0dcd2); color:var(--deep-forest,#071a10); background:#fff; }
.sp-btn--ghost:hover { border-color:var(--amber,#e8781a); color:var(--amber,#e8781a); }
.sp-auth-links { display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem; margin-top:1rem; color:var(--text-muted,#737373); font-size:.9rem; }
.sp-auth-links a { color:var(--amber,#e8781a); font-weight:800; text-decoration:none; }
.sp-alert { background:#f0f7f2; border:1px solid #c5e0cc; color:#21452f; border-radius:16px; padding:.85rem 1rem; margin-bottom:1rem; font-weight:600; }
.sp-alert.success { background:#f0f7f2; border-color:#c5e0cc; }
.sp-account-card { background:#fff; border:1px solid var(--border-light,#f0ece4); border-radius:24px; padding:1.4rem; box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.04)); margin-bottom:1rem; }
.sp-account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1rem; }
.sp-account-stat { background:var(--cream,#f4efe4); border-radius:18px; padding:1rem; }
.sp-account-stat strong { display:block; font-size:1.4rem; color:var(--deep-forest,#071a10); }
.sp-auth-panel .sp-content-card { box-shadow:none; border:1px solid var(--border-light,#f0ece4); border-radius:20px; padding:1.1rem; margin:1rem 0; }
@media(max-width: 980px){ .sp-auth-shell{grid-template-columns:1fr;} .sp-auth-hero{min-height:340px;} }
@media(max-width: 600px){ .sp-auth-wrap{padding:1rem;} .sp-auth-panel,.sp-auth-hero{padding:1.35rem;border-radius:22px;} .sp-account-grid{grid-template-columns:1fr;} }


/* ========== SIDEBAR AUTH / LOGIN BOX ========== */
.sidebar-auth {
    margin: .75rem 1rem .6rem;
    padding: .95rem;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.10);
    background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 30px rgba(0,0,0,.10);
}
.sidebar-auth-text span {
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#f8d8a8;
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:1.35px;
    font-weight:900;
    margin-bottom:.45rem;
}
.sidebar-auth-text p {
    color:#c8d4be;
    font-size:.79rem;
    line-height:1.45;
    margin:0 0 .78rem;
}
.sidebar-login-btn {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#fff;
    text-decoration:none;
    background:linear-gradient(135deg, var(--amber), var(--golden));
    padding:.74rem 1rem;
    border-radius:999px;
    font-weight:900;
    font-size:.88rem;
    box-shadow:0 10px 24px rgba(232,120,26,.28);
    transition:all var(--transition-bounce);
}
.sidebar-login-btn:hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(232,120,26,.42); }
.sidebar-register-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.45rem;
    margin-top:.55rem;
}
.sidebar-register-row a {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:#dfe8d8;
    background:rgba(255,255,255,.065);
    border:1px solid rgba(255,255,255,.08);
    text-decoration:none;
    padding:.55rem .55rem;
    border-radius:999px;
    font-size:.78rem;
    font-weight:800;
    transition:all var(--transition-fast);
}
.sidebar-register-row a:hover { color:#fff; background:rgba(255,255,255,.11); border-color:rgba(245,166,35,.32); }
.sidebar-user-card {
    display:flex;
    align-items:center;
    gap:.7rem;
    padding:.15rem .1rem .75rem;
    border-bottom:1px solid rgba(255,255,255,.08);
    margin-bottom:.65rem;
}
.sidebar-user-avatar {
    width:42px;
    height:42px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    color:#fff;
    background:linear-gradient(135deg, var(--amber), var(--golden));
    font-weight:900;
    letter-spacing:.5px;
    box-shadow:0 8px 18px rgba(232,120,26,.28);
}
.sidebar-user-card span {
    display:block;
    color:#a8b8a0;
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:800;
}
.sidebar-user-card strong {
    display:block;
    color:#fff;
    font-size:.92rem;
    line-height:1.15;
    max-width:170px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.sidebar-auth-menu { display:flex; flex-direction:column; gap:2px; }
.sidebar-auth-menu a {
    display:flex;
    align-items:center;
    gap:9px;
    color:#d2ddca;
    text-decoration:none;
    padding:.58rem .62rem;
    border-radius:13px;
    font-size:.84rem;
    font-weight:700;
    transition:all var(--transition-fast);
}
.sidebar-auth-menu a:hover { background:rgba(255,255,255,.075); color:#fff; transform:translateX(2px); }
.sidebar-auth-menu a.sidebar-auth-logout { color:#ffcfb8; }
.sidebar-auth-menu a.sidebar-auth-logout:hover { background:rgba(232,120,26,.13); color:#fff; }
.sp-register-choice {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.85rem;
    margin-bottom:1.1rem;
}
.sp-register-choice-card {
    display:flex;
    flex-direction:column;
    gap:.45rem;
    padding:1rem;
    border-radius:20px;
    text-decoration:none;
    background:var(--cream,#f4efe4);
    border:1px solid var(--border-subtle,#e0dcd2);
    color:var(--text-primary,#1a1a1a);
    transition:all .2s ease;
}
.sp-register-choice-card:hover { transform:translateY(-2px); border-color:var(--amber,#e8781a); box-shadow:var(--shadow-md,0 4px 16px rgba(0,0,0,.06)); }
.sp-register-choice-card.is-active { background:#fff7ec; border-color:var(--amber,#e8781a); }
.sp-register-choice-card .choice-icon {
    width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--amber,#e8781a),var(--golden,#f5a623));color:#fff;
}
.sp-register-choice-card strong { font-family:'Playfair Display',serif; font-size:1.1rem; color:var(--deep-forest,#071a10); }
.sp-register-choice-card span { color:var(--text-muted,#737373); font-size:.84rem; line-height:1.35; }
@media(max-width:600px){ .sp-register-choice{grid-template-columns:1fr;} }

/* SP Members v1.0.4 registration strength + owner forms */
.sp-form-grid{display:grid;gap:.85rem;margin-bottom:.85rem}.sp-form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-form-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sp-password-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:-.25rem 0 .85rem;font-size:.78rem;color:#8a8173}.sp-password-rules span{display:flex;align-items:center;gap:.35rem;background:#f4efe4;border:1px solid #e0dcd2;border-radius:999px;padding:.42rem .7rem}.sp-password-rules span:before{content:'×';width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#b45309;font-weight:900}.sp-password-rules span.is-ok{background:#effaf3;border-color:#bfe7ca;color:#17633b}.sp-password-rules span.is-ok:before{content:'✓';background:#22c55e;color:#fff}
.sp-owner-dashboard{max-width:1100px}.sp-owner-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.sp-owner-top h2{font-family:'Playfair Display',serif;color:var(--deep-forest,#071a10);font-size:2rem;margin:0}.sp-owner-top p{color:var(--text-muted,#737373);margin:.2rem 0 0}.sp-owner-section-title{font-family:'Playfair Display',serif;color:var(--deep-forest,#071a10);font-size:1.45rem;margin:1.5rem 0 .8rem}.sp-owner-accommodation-form{max-width:none!important;box-shadow:none!important;border:1px solid var(--border-light,#f0ece4)!important}.sp-owner-accommodation-form .sp-field small{color:var(--text-muted,#737373);font-weight:500}.sp-amenity-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.35rem 0}.sp-amenity-checks label{display:flex!important;align-items:center;gap:.45rem;background:#faf7f2;border:1px solid #e0dcd2;border-radius:999px;padding:.5rem .75rem;font-size:.85rem;font-weight:700;color:#1a1a1a}.sp-amenity-checks input{width:auto!important}.sp-checkbox-line{display:flex;align-items:center;gap:.55rem;margin:1rem 0;color:#1a1a1a;font-weight:700}.sp-checkbox-line input{width:auto!important}.sp-form-note{color:var(--text-muted,#737373);font-size:.86rem;margin:.75rem 0 0}.sp-owner-existing>.sp-owner-accommodation-form{margin-top:1rem}.sidebar-auth-text--logged p{margin-bottom:.65rem!important;color:#fff!important;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.sp-form-grid--2,.sp-form-grid--3,.sp-form-grid--4,.sp-amenity-checks{grid-template-columns:1fr}.sp-owner-top{align-items:flex-start;flex-direction:column}.sp-password-rules{grid-template-columns:1fr}}
.sp-saved-wrap{padding-top:0!important;margin-top:-1rem}.sp-saved-shell{grid-template-columns:1fr!important}.sp-saved-panel{max-width:980px;margin:0 auto;width:100%}.sp-saved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.sp-saved-card{display:flex;gap:.75rem;align-items:center;background:#faf7f2;border:1px solid #e0dcd2;border-radius:16px;padding:.65rem;text-decoration:none;color:#1a1a1a;transition:.2s}.sp-saved-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08);border-color:#e8781a}.sp-saved-img{width:72px;height:62px;border-radius:12px;background:center/cover no-repeat;flex:0 0 auto}.sp-saved-body{display:flex;flex-direction:column;gap:.1rem}.sp-saved-body strong{font-family:'Playfair Display',serif;color:#071a10}.sp-saved-body small{color:#737373}

/* Weather animated pill */
.weather-pill--animated{gap:8px;overflow:hidden}
.weather-pill-img{width:30px;height:30px;object-fit:contain;display:block;filter:drop-shadow(0 4px 10px rgba(245,166,35,.22));animation:spWeatherFloat 3.8s ease-in-out infinite}
@keyframes spWeatherFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}

/* v15 home/live */
.sp-live-notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:20px;padding:1rem 1.2rem;margin:1rem 0 1.4rem;font-weight:700;box-shadow:var(--shadow-sm)}.sp-live-notice.is-success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.waterfall-card{display:block;text-decoration:none;color:inherit}.weather-pill-img{animation:spWeatherFloat 4s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22))}@keyframes spWeatherFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.sp-vodopad-grid{margin-top:1.5rem}


/* v16: consistent sidebar CTA + page templates */
.sidebar-login-btn,.cta-button-sidebar{min-height:46px;display:flex;align-items:center;justify-content:center}.sidebar-register-row a{min-height:40px}.sidebar-cta{margin-top:.72rem}.sidebar-auth{margin-bottom:.5rem}
.sp-page-wrap{padding:2.2rem 0 3rem}.sp-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.4rem;align-items:start}.sp-page-main-card{background:#fff;border:1px solid var(--border-light,#f0ece4);border-radius:28px;padding:2rem;box-shadow:var(--shadow-sm)}.sp-page-main-card h1{font-family:'Playfair Display',serif;color:var(--deep-forest,#071a10);font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:.7rem 0 1.1rem}.sp-page-content{font-size:1rem;color:var(--text-secondary,#4a4a4a)}.sp-page-sidebar{position:sticky;top:18px;display:flex;flex-direction:column;gap:1rem}.sp-side-widget{background:#fff;border:1px solid var(--border-light,#f0ece4);border-radius:22px;padding:1.05rem;box-shadow:var(--shadow-sm)}.sp-side-widget h3{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--deep-forest,#071a10);margin:0 0 .8rem;display:flex;gap:.45rem;align-items:center}.sp-side-weather{background:linear-gradient(155deg,#071a10,#163828);color:#fff}.sp-side-weather h3{color:#fff}.sp-side-weather-current{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.7rem}.sp-side-weather-current strong{font-size:2rem;color:var(--golden,#f5a623)}.sp-side-weather-current span{color:#d8ccb0}.sp-side-row{display:flex;justify-content:space-between;gap:.7rem;border-top:1px solid rgba(255,255,255,.12);padding:.55rem 0;color:#e8efe4}.sp-side-row b{color:#fff}.sp-side-post{display:grid;grid-template-columns:68px 1fr;gap:.65rem;align-items:center;text-decoration:none;color:inherit;padding:.55rem 0;border-top:1px solid var(--border-light,#f0ece4)}.sp-side-post:first-of-type{border-top:0}.sp-side-post span{height:54px;border-radius:13px;background:center/cover no-repeat}.sp-side-post strong{font-size:.88rem;line-height:1.25;color:var(--deep-forest,#071a10)}.sp-side-cta-small{display:flex;justify-content:center;margin-top:.75rem;background:#fef7ed;color:var(--amber,#e8781a);border:1px solid #fde8c8;text-decoration:none;font-weight:900;border-radius:999px;padding:.65rem}.sp-side-owner-cta{background:linear-gradient(180deg,#fff7ec,#fff);border-color:#fde8c8}.sp-side-owner-cta p{color:#6b6258;font-size:.9rem}.sp-side-ad img{display:block;width:100%;border-radius:22px;box-shadow:var(--shadow-md)}
.sp-auth-wrap.sp-owner-auth-wrap{align-items:flex-start}.sp-owner-auth-wrap .sp-auth-shell{grid-template-columns:1fr;max-width:1060px}.sp-owner-auth-wrap .sp-auth-hero{min-height:auto;padding:1.7rem}.sp-owner-auth-wrap .sp-auth-points{display:none}.sp-owner-auth-wrap .sp-auth-panel{padding:1.5rem}.sp-owner-dashboard{max-width:none}.sp-owner-top{background:#faf7f2;border:1px solid #e0dcd2;border-radius:22px;padding:1rem}.sp-owner-top .sp-btn{width:auto;min-width:180px}.sp-owner-dashboard #sp-add-smestaj.sp-content-card{padding:1.2rem;border-radius:22px;background:#fff;border:1px solid var(--border-light,#f0ece4);box-shadow:none}.sp-owner-accommodation-form{border:0!important;padding:0!important;background:transparent!important}.sp-owner-accommodation-form .sp-field input,.sp-owner-accommodation-form .sp-field textarea,.sp-owner-accommodation-form .sp-field select{border-width:1px;background:#fffaf3}.sp-owner-section-title{padding-top:1rem;border-top:1px solid var(--border-light,#f0ece4)}
@media(max-width:1000px){.sp-page-layout{grid-template-columns:1fr}.sp-page-sidebar{position:static}.sp-auth-shell{grid-template-columns:1fr!important}}

/* v17: polished content pages with consistent sidebar widgets */
.sp-page-wrap{padding:2.6rem 0 3.2rem;background:var(--warm-white,#faf7f2)}
.sp-page-wrap .container{max-width:1220px}
.sp-page-layout{grid-template-columns:minmax(0,820px) 320px;gap:1.6rem;justify-content:center;align-items:start}
.sp-page-main-card.sp-article-card{border-radius:28px;padding:2.05rem;background:#fff;border:1px solid rgba(224,220,210,.75);box-shadow:0 10px 34px rgba(7,26,16,.055);overflow:hidden}
.sp-page-main-card-full{max-width:980px;margin:0 auto}
.sp-page-main-card .breadcrumb-header{margin-bottom:1rem;color:var(--text-muted,#737373);font-size:.86rem}
.sp-page-main-card h1{font-size:clamp(2.05rem,4vw,3.35rem);letter-spacing:-.02em;line-height:1.08;margin:.65rem 0 1.25rem;color:var(--deep-forest,#071a10)}
.sp-page-content.article-content{font-size:1.06rem;line-height:1.88;color:var(--text-primary,#1a1a1a)}
.sp-page-content.article-content p{margin:0 0 1.15rem;color:var(--text-secondary,#4a4a4a)}
.sp-page-content.article-content h2,.sp-page-content.article-content h3,.sp-page-content.article-content h4{font-family:'Playfair Display',serif;color:var(--deep-forest,#071a10);line-height:1.25;letter-spacing:-.01em}
.sp-page-content.article-content h2{font-size:1.85rem;margin:2rem 0 .85rem;padding-top:1rem;border-top:1px solid var(--border-light,#f0ece4)}
.sp-page-content.article-content h3{font-size:1.42rem;margin:1.45rem 0 .65rem;color:var(--pine,#163828)}
.sp-page-content.article-content ul,.sp-page-content.article-content ol{margin:1rem 0 1.2rem;padding-left:1.35rem}
.sp-page-content.article-content li{margin:.4rem 0;color:var(--text-secondary,#4a4a4a)}
.sp-page-content.article-content img{max-width:100%;height:auto;display:block;border-radius:22px;box-shadow:0 12px 30px rgba(7,26,16,.09);margin:1.15rem auto}
.sp-page-content.article-content figure{max-width:100%;margin:1.25rem 0 1.65rem}
.sp-page-content.article-content figcaption{text-align:center;color:var(--text-muted,#737373);font-size:.86rem;font-style:italic;margin-top:.55rem}
.sp-page-content.article-content blockquote{background:linear-gradient(135deg,#fffaf1,#fff5e8);border-left:5px solid var(--amber,#e8781a);padding:1.35rem 1.55rem;margin:1.75rem 0;border-radius:0 18px 18px 0;font-family:'Playfair Display',serif;font-size:1.22rem;font-style:italic;line-height:1.62;color:var(--pine,#163828);position:relative;box-shadow:inset 0 0 0 1px rgba(232,120,26,.08)}
.sp-page-content.article-content blockquote p{color:inherit;margin-bottom:.7rem}
.sp-page-content.article-content iframe,.sp-page-content.article-content video{max-width:100%;border:0;border-radius:22px;box-shadow:0 12px 30px rgba(7,26,16,.1)}
.sp-page-content.article-content .wp-block-embed{margin:1.6rem 0}
.sp-page-content.article-content .wp-block-embed__wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 12px 30px rgba(7,26,16,.1)}
.sp-page-content.article-content .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border-radius:0;box-shadow:none}
.sp-page-sidebar{top:24px;gap:1rem}
.sp-side-widget{border-radius:24px;padding:1rem;border:1px solid rgba(224,220,210,.7);box-shadow:0 10px 28px rgba(7,26,16,.055);overflow:hidden}
.sp-side-widget h3{font-size:1.18rem;margin:0 0 .78rem;line-height:1.2;color:var(--deep-forest,#071a10)}
.sp-side-post{grid-template-columns:64px 1fr;gap:.72rem;padding:.72rem 0;border-color:var(--border-light,#f0ece4)}
.sp-side-post span{height:52px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.sp-side-post strong{font-size:.86rem;line-height:1.28;font-weight:800;letter-spacing:-.01em}
.sp-side-cta-small{min-height:42px;align-items:center;box-shadow:none;transition:.2s ease}.sp-side-cta-small:hover{background:var(--amber,#e8781a);border-color:var(--amber,#e8781a);color:#fff;transform:translateY(-1px)}
.sp-side-owner-cta{background:linear-gradient(180deg,#fffaf4,#fff);border-color:#fde5c1}.sp-side-owner-cta .sp-btn{width:100%;min-height:44px}.sp-side-ad{display:block}.sp-side-ad img{border-radius:24px;width:100%;height:auto;object-fit:cover}
.sp-page-sidebar .sp-weather-widget{margin:0;background:linear-gradient(155deg,#071a10 0%,#123522 55%,#1f5137 100%);border-radius:24px;padding:1rem;color:#fff;box-shadow:0 16px 35px rgba(7,26,16,.18);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.sp-page-sidebar .sp-weather-widget:before{content:"";position:absolute;right:-42px;top:-45px;width:140px;height:140px;border-radius:50%;background:rgba(245,166,35,.13)}
.sp-page-sidebar .sp-weather-widget-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.35rem}.sp-page-sidebar .sp-weather-widget-head span{display:block;color:#d8ccb0;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;font-weight:800}.sp-page-sidebar .sp-weather-widget-head strong{display:block;font-family:'Playfair Display',serif;font-size:1.25rem;line-height:1.12;color:#fff}.sp-page-sidebar .sp-weather-widget-head img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));animation:spWeatherFloat 4s ease-in-out infinite}.sp-page-sidebar .sp-weather-current{position:relative;z-index:1;display:flex;align-items:baseline;gap:.6rem;margin:.2rem 0 .85rem}.sp-page-sidebar .sp-weather-current strong{font-size:2.05rem;line-height:1;font-weight:900;color:#f5a623}.sp-page-sidebar .sp-weather-current span{color:#f4efe4;font-size:.9rem}.sp-page-sidebar .sp-weather-days{position:relative;z-index:1;display:flex;flex-direction:column;gap:.45rem}.sp-page-sidebar .sp-weather-day{display:grid;grid-template-columns:1fr 38px auto;align-items:center;gap:.52rem;padding:.52rem .62rem;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.07)}.sp-page-sidebar .sp-weather-day strong{display:block;font-size:.85rem;color:#fff}.sp-page-sidebar .sp-weather-day span{display:block;color:#cbd8c0;font-size:.75rem}.sp-page-sidebar .sp-weather-day img{width:36px;height:36px;object-fit:contain}.sp-page-sidebar .sp-weather-range{text-align:right}.sp-page-sidebar .sp-weather-range b{display:block;color:#fff;font-size:.88rem}.sp-page-sidebar .sp-weather-range span{color:#d8ccb0;font-size:.76rem}
@media(max-width:1000px){.sp-page-wrap .container{max-width:900px}.sp-page-layout{grid-template-columns:1fr}.sp-page-sidebar{position:static}.sp-page-main-card.sp-article-card{padding:1.35rem}}
@media(max-width:640px){.sp-page-wrap{padding:1rem 0 2rem}.sp-page-main-card h1{font-size:2rem}.sp-page-content.article-content{font-size:1rem}.sp-page-content.article-content img{border-radius:16px}.sp-side-widget{border-radius:20px}}

/* v20 archive/home/sidebar polish */
.hero-content{align-items:center;text-align:center}.hero-section .weather-pill{margin-left:auto;margin-right:auto}.hero-section .hero-badge{display:none!important}.sp-smestaj-archive-hero{background:linear-gradient(160deg,rgba(7,26,16,.84),rgba(22,56,40,.55)),url('https://staraplanina.info/wp-content/uploads/2023/08/Stara-planina-04.jpg') center/cover no-repeat!important}.sp-archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.6rem;align-items:start}.sp-archive-filter-sidebar{grid-column:2;grid-row:1;position:sticky;top:18px}.sp-archive-results{grid-column:1;grid-row:1}.sp-archive-filter-sidebar .filters-section{padding:1.25rem;margin-bottom:0;border-radius:22px}.sp-archive-filter-sidebar .filters-header{display:block;margin-bottom:1rem}.sp-archive-filter-sidebar .filters-header-left{margin-bottom:.65rem}.sp-archive-filter-sidebar .filter-grid{grid-template-columns:1fr;gap:.85rem}.sp-archive-filter-sidebar .filter-actions{flex-direction:column}.sp-archive-filter-sidebar .btn{width:100%;justify-content:center}.sort-btn{display:inline-flex;align-items:center;gap:6px}.accommodation-card .card-footer:empty,.list-bottom:empty{display:none}.card-rating:empty,.list-rating:empty,.card-price:empty,.list-price:empty{display:none!important}.sidebar-nav .nav-badge{background:var(--amber);color:#fff;font-size:.68rem;padding:2px 7px;border-radius:999px;margin-left:auto;font-weight:800;line-height:1}.sidebar-nav a{position:relative}.sidebar-nav a.active,.sidebar-nav .current-menu-item>a,.sidebar-nav .current_page_item>a,.sidebar-nav .current-menu-ancestor>a{background:rgba(255,255,255,0.11)!important;color:#fff!important;font-weight:700;box-shadow:inset 3px 0 0 var(--golden)}.sp-back-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--golden));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(232,120,26,.35);cursor:pointer;z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s}.sp-back-top.show{opacity:1;visibility:visible;transform:translateY(0)}.sp-back-top:hover{transform:translateY(-2px)}.social-share-btn svg{display:block}.social-share-btn{gap:8px!important}
@media(max-width:1100px){.sp-archive-layout{grid-template-columns:1fr}.sp-archive-filter-sidebar,.sp-archive-results{grid-column:auto;grid-row:auto}.sp-archive-filter-sidebar{position:relative;top:auto;order:1}.sp-archive-results{order:2}.sp-archive-filter-sidebar .filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sp-archive-filter-sidebar .filter-grid{grid-template-columns:1fr}.sp-back-top{right:14px;bottom:14px}}

/* v21 fixed elegant back-to-top */
.sp-back-top{
  position:fixed!important;
  right:clamp(14px,2vw,24px)!important;
  bottom:clamp(14px,2vw,24px)!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#e8781a,#f5a623)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 12px 28px rgba(7,26,16,.18),0 8px 18px rgba(232,120,26,.28)!important;
  cursor:pointer!important;
  z-index:1099!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(12px) scale(.94)!important;
  transition:opacity .2s ease, visibility .2s ease, transform .2s ease, box-shadow .2s ease!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.sp-back-top.is-visible,
.sp-back-top.show{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
.sp-back-top span{
  display:block!important;
  font-size:24px!important;
  line-height:38px!important;
  font-weight:900!important;
  transform:translateY(-1px)!important;
}
.sp-back-top:hover{
  transform:translateY(-3px) scale(1.03)!important;
  box-shadow:0 14px 32px rgba(7,26,16,.22),0 10px 22px rgba(232,120,26,.35)!important;
}
.sp-back-top:focus-visible{outline:3px solid rgba(245,166,35,.35)!important;outline-offset:3px!important;}
@media(max-width:700px){.sp-back-top{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;right:12px!important;bottom:12px!important}.sp-back-top span{font-size:22px!important;line-height:34px!important}}

/* v22 sidebar CTA and auth polish */
.sidebar-cta.sidebar-cta--compact{padding:.86rem;margin:.85rem 1rem 1rem;text-align:center;overflow:hidden;position:relative}
.sidebar-cta.sidebar-cta--compact p{display:none!important}
.cta-button-sidebar--shine{position:relative;overflow:hidden;isolation:isolate}
.cta-button-sidebar--shine::after{content:"";position:absolute;inset:-60% auto -60% -45%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(22deg);animation:spCtaShine 4.4s ease-in-out infinite;z-index:1;pointer-events:none}.cta-button-sidebar--shine>*{position:relative;z-index:2}@keyframes spCtaShine{0%,62%{left:-55%}78%,100%{left:125%}}
.sp-inquiry-modal-card .sp-inquiry-modal-head p{max-width:560px;color:#5b5b5b;line-height:1.55}.sp-inquiry-security{font-size:.82rem;line-height:1.55;color:#7a6f63}.sp-inquiry-note{font-size:.78rem;color:#777;text-align:center;margin:.95rem 0 0}.sp-auth-panel .sp-register-choice{margin:.35rem 0 1.15rem}.sp-auth-panel .sp-register-choice-card{box-shadow:none}.sp-auth-card-head p{line-height:1.5}.sp-auth-panel .sp-form h2{display:none}.sp-auth-links a{text-decoration:none}.sp-auth-links a:hover{text-decoration:underline}
@media(max-width:700px){.sidebar-cta.sidebar-cta--compact{margin:.7rem .9rem}}

/* v23 weather language + responsive polish */
.weather-pill{max-width:min(92vw, 620px);justify-content:center;flex-wrap:wrap;line-height:1.2;white-space:normal;word-break:normal;text-wrap:balance}
.weather-pill-img{width:24px;height:24px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22));animation:spWeatherFloat 4s ease-in-out infinite}
.weather-pill span,.weather-pill strong{display:inline-flex;align-items:center;min-width:0}
.weather-pill [data-weather-desc]{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}
@keyframes spWeatherFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:640px){
  .weather-pill{gap:7px;padding:.5rem .9rem;font-size:.78rem;margin-bottom:1rem;max-width:calc(100vw - 32px)}
  .weather-pill-img{width:21px;height:21px}
  .weather-pill [data-weather-city]{font-weight:700;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .weather-pill [data-weather-desc]{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .weather-pill strong{font-size:.82rem;white-space:nowrap}
}
@media(max-width:390px){
  .weather-pill{font-size:.73rem;gap:5px;padding:.45rem .75rem}
  .weather-pill [data-weather-city]{max-width:115px}
  .weather-pill [data-weather-desc]{max-width:95px}
}
.sp-weather-current span,.sp-weather-widget-head strong{overflow-wrap:anywhere;word-break:normal}
@media(max-width:480px){.sp-weather-current{align-items:flex-start;flex-direction:column;gap:.2rem}.sp-weather-current span{font-size:.86rem;line-height:1.25}}

/* v24: live smeštaj search + clean toast + auth polish */
.sp-hero-search-wrap{position:relative;width:min(680px,92vw);margin:0 auto;z-index:20}.sp-hero-search-wrap .search-box{width:100%;margin:0}.sp-live-search-results{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--border-light);border-radius:22px;box-shadow:0 24px 55px rgba(7,26,16,.20);overflow:hidden;text-align:left;z-index:99}.sp-live-search-results.is-open{display:block}.sp-live-search-item{display:grid;grid-template-columns:62px 1fr auto;gap:.8rem;align-items:center;padding:.75rem .9rem;color:var(--deep-forest);text-decoration:none;border-bottom:1px solid var(--border-light);transition:background .16s ease}.sp-live-search-item:hover{background:var(--warm-white)}.sp-live-search-item img{width:62px;height:52px;object-fit:cover;border-radius:14px}.sp-live-search-item b{display:block;font-weight:900;line-height:1.2}.sp-live-search-item em{display:inline-block;margin-top:.18rem;color:var(--amber);font-style:normal;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.sp-live-search-item small{display:block;color:var(--text-muted);font-size:.78rem;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.sp-live-result-price{font-weight:900;color:var(--amber);white-space:nowrap}.sp-live-search-empty{padding:1rem 1.2rem;color:var(--text-muted);font-size:.92rem}.sp-live-search-all{display:flex;align-items:center;justify-content:center;padding:.85rem 1rem;color:var(--amber);font-weight:900;text-decoration:none;background:var(--warm-white)}
.sp-toast{position:fixed;right:22px;bottom:22px;z-index:999999;background:linear-gradient(135deg,#071a10,#163828);color:#fff;border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 40px rgba(0,0,0,.22);border-radius:999px;padding:.82rem 1.1rem;font-weight:900;font-size:.9rem;opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.sp-toast.show{opacity:1;transform:translateY(0) scale(1)}.sp-toast:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:var(--amber);color:#fff;font-size:.76rem}
.sp-auth-card-head h2{line-height:1.06}.sp-auth-panel .sp-register-switch,.sp-auth-panel .sp-register-tabs,.sp-auth-panel .sp-account-type-grid{margin-top:.95rem}.sp-auth-panel .sp-register-switch + form,.sp-auth-panel .sp-account-type-grid + form{margin-top:1rem}
@media(max-width:700px){.sp-live-search-item{grid-template-columns:52px 1fr;gap:.65rem}.sp-live-result-price{grid-column:2;font-size:.85rem}.sp-live-search-item img{width:52px;height:46px}.sp-live-search-item small{max-width:190px}.sp-toast{left:14px;right:14px;bottom:14px;text-align:center;border-radius:18px}.sp-hero-search-wrap{width:94vw}}


/* === v25 auth/profile/dashboard polish === */
.sidebar{padding-bottom:18px;}
.sidebar-nav{flex:0 0 auto;padding-bottom:.35rem;}
.sidebar-auth{flex:0 0 auto;}
.sidebar-cta.sidebar-cta--compact{flex:0 0 auto;margin:.7rem 1rem .75rem!important;padding:.72rem!important;border-radius:20px;overflow:visible!important;}
.sidebar-cta.sidebar-cta--compact .cta-button-sidebar{min-height:44px!important;padding:.72rem .9rem!important;white-space:nowrap;box-shadow:0 10px 24px rgba(232,120,26,.24);}
.sidebar-footer{flex:0 0 auto;margin-top:0;padding:.75rem 1.2rem 1rem!important;}
.sidebar-auth--logged{padding:.85rem!important;margin:.65rem 1rem .5rem!important;}
.sidebar-auth--logged .sidebar-auth-text span{margin-bottom:.28rem;}
.sidebar-auth--logged .sidebar-auth-text p{margin-bottom:.55rem!important;}
.sidebar-auth-menu a{padding:.52rem .58rem!important;}

.sp-auth-wrap{padding:clamp(2rem,5vw,4.2rem) 1.4rem!important;}
.sp-auth-shell{max-width:1220px!important;grid-template-columns:minmax(360px,.92fr) minmax(430px,1.08fr)!important;gap:1.7rem!important;align-items:stretch;}
.sp-auth-hero{min-height:560px;border-radius:32px!important;display:flex;flex-direction:column;justify-content:space-between;}
.sp-auth-hero h1{font-size:clamp(3rem,5.6vw,5.2rem)!important;line-height:.96!important;letter-spacing:-.04em;}
.sp-auth-hero p{font-size:1.06rem!important;line-height:1.6!important;}
.sp-auth-panel{border-radius:32px!important;padding:2.15rem!important;align-self:stretch;display:flex;flex-direction:column;justify-content:center;}
.sp-auth-card-head{margin-bottom:1.35rem!important;}
.sp-auth-card-head h2{font-size:2.15rem!important;}
.sp-register-choice{margin:.8rem 0 1.25rem!important;}
.sp-register-choice-card{min-height:124px;justify-content:center;}
.sp-password-rules{gap:.5rem!important;}
.sp-password-rules span{font-size:.78rem!important;}
.sp-account-card,.sp-user-panel-card{border-radius:24px!important;border:1px solid var(--border-light,#f0ece4);background:#fff;padding:1.55rem!important;box-shadow:0 12px 32px rgba(0,0,0,.06);}
.sp-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;}
.sp-account-stat{background:#f4efe4;border-radius:18px;padding:1.1rem!important;}
.sp-panel-actions{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;}
.sp-saved-wrap{padding-top:0!important;margin-top:-2rem;}
.sp-saved-shell{max-width:980px!important;grid-template-columns:1fr!important;}
.sp-saved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.sp-saved-card{display:flex;gap:.8rem;align-items:center;text-decoration:none;color:#071a10;background:#faf7f0;border:1px solid #e0dcd2;border-radius:18px;padding:.75rem;transition:.2s ease;}
.sp-saved-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08);}
.sp-saved-img{width:82px;height:64px;border-radius:14px;background:center/cover no-repeat;flex:0 0 auto;}
.sp-saved-body{display:flex;flex-direction:column;gap:.2rem}.sp-saved-body small{color:#737373;}

.sp-owner-auth-wrap .sp-auth-shell{max-width:1180px!important;grid-template-columns:1fr!important;}
.sp-owner-auth-wrap .sp-auth-hero{min-height:300px!important;padding:2rem!important;}
.sp-owner-auth-wrap .sp-auth-hero h1{font-size:clamp(2.4rem,4.5vw,4.5rem)!important;}
.sp-owner-auth-wrap .sp-auth-panel{padding:1.65rem!important;justify-content:flex-start;}
.sp-owner-dashboard{max-width:100%!important;}
.sp-owner-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fffaf3!important;border:1px solid #e0dcd2!important;border-radius:24px!important;padding:1.25rem 1.35rem!important;margin-bottom:1rem!important;}
.sp-owner-top h2{font-size:2rem!important;line-height:1.05;margin:0!important;}
.sp-owner-top p{margin:.35rem 0 0!important;color:#737373;}
#sp-add-smestaj.sp-content-card{border:1px solid #e0dcd2!important;border-radius:24px!important;background:#fff!important;padding:1.35rem!important;box-shadow:0 10px 28px rgba(0,0,0,.045)!important;}
.sp-owner-accommodation-form .sp-field input,.sp-owner-accommodation-form .sp-field textarea,.sp-owner-accommodation-form .sp-field select{min-height:50px;border-radius:15px!important;}
.sp-owner-accommodation-form .sp-field textarea{min-height:150px;}
.sp-owner-existing{border-radius:22px!important;}

@media(max-width:1050px){.sp-auth-shell{grid-template-columns:1fr!important}.sp-auth-hero{min-height:380px}.sp-auth-panel{justify-content:flex-start}.sp-owner-top{flex-direction:column;align-items:flex-start}.sp-owner-top .sp-btn{width:100%;}}
@media(max-width:640px){.sp-auth-wrap{padding:1rem!important}.sp-auth-hero{min-height:330px}.sp-auth-hero h1{font-size:2.65rem!important}.sp-auth-panel{padding:1.25rem!important}.sp-register-choice{grid-template-columns:1fr!important}.sp-account-grid{grid-template-columns:1fr}.sidebar{padding-bottom:36px}}


/* v26 hero search centering + discrete hero socials */
.hero-section .hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;}
.hero-section .sp-hero-search-wrap{margin-left:auto!important;margin-right:auto!important;display:flex;flex-direction:column;align-items:center;}
.hero-section .search-box{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important;}
.hero-section .search-box input,.hero-section .sp-live-search-input{height:64px!important;line-height:64px!important;display:flex!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important;}
.hero-section .search-box input::placeholder{line-height:normal;color:#777;opacity:1;}
.hero-section .search-btn{height:48px!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap;}
.sp-hero-socials{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:.9rem;flex-wrap:wrap;}
.sp-hero-social{display:inline-flex;align-items:center;gap:7px;padding:.48rem .85rem;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-weight:800;font-size:.82rem;backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(0,0,0,.10);transition:transform .18s ease, background .18s ease, border-color .18s ease;}
.sp-hero-social:hover{transform:translateY(-2px);background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.34);color:#fff;}
.sp-hero-social svg{display:block;flex:0 0 auto;}
.sp-hero-social--facebook svg{color:#fff;}
.sp-hero-social--instagram svg{color:#fff;}
@media(max-width:640px){
  .hero-section .search-box{height:auto!important;padding:7px!important;border-radius:28px!important;}
  .hero-section .search-box input,.hero-section .sp-live-search-input{height:52px!important;line-height:52px!important;font-size:.92rem;text-align:left;}
  .hero-section .search-btn{height:44px!important;min-height:44px!important;padding:.65rem 1rem!important;}
  .sp-hero-socials{margin-top:.75rem;gap:.45rem;}
  .sp-hero-social{font-size:.78rem;padding:.42rem .72rem;}
}

/* === v27 Vodopadi archive/single polish === */
.sp-vodopad-archive-hero{background:linear-gradient(160deg,rgba(7,26,16,.86),rgba(22,56,40,.58)),url('https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat}
.sp-vodopad-archive{padding-top:1.2rem;padding-bottom:2.5rem}.sp-vodopad-featured-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1.25rem;align-items:stretch}.sp-vodopad-card{background:#fff;border:1px solid var(--border-light);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-md);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.sp-vodopad-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.sp-vodopad-card--big{grid-row:span 2}.sp-vodopad-card-img{min-height:210px;background:center/cover no-repeat;display:block;position:relative;text-decoration:none}.sp-vodopad-card--big .sp-vodopad-card-img{min-height:420px}.sp-vodopad-card-img span{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:6px;background:rgba(7,26,16,.86);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);font-weight:800;border-radius:999px;padding:.45rem .8rem;font-size:.78rem}.sp-vodopad-card-body{padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.sp-vodopad-card-body h2{font-family:'Playfair Display',serif;font-size:1.35rem;line-height:1.15;margin:0;color:var(--deep-forest)}.sp-vodopad-card--big .sp-vodopad-card-body h2{font-size:1.9rem}.sp-vodopad-card-body h2 a{text-decoration:none;color:inherit}.sp-vodopad-card-body p{margin:0;color:var(--text-secondary);font-size:.94rem}.sp-vodopad-read{margin-top:auto;color:var(--amber);font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.sp-single-vodopad-page{padding-top:1.3rem}.sp-vodopad-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1.6rem;align-items:start}.sp-vodopad-main{min-width:0}.sp-vodopad-sidebar{position:sticky;top:22px;display:flex;flex-direction:column;gap:1rem}.sp-vodopad-title-card{background:linear-gradient(145deg,#fff,#faf7f2);border:1px solid var(--border-light);border-radius:30px;padding:2rem;box-shadow:var(--shadow-sm);margin-bottom:1rem}.sp-vodopad-kicker{display:inline-flex;align-items:center;gap:7px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;padding:.45rem .8rem;margin-bottom:.8rem}.sp-vodopad-title-card h1{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,4rem);line-height:.98;margin:.2rem 0 .7rem;color:var(--deep-forest)}.sp-vodopad-title-card p{font-size:1.05rem;color:var(--text-secondary);max-width:760px}.sp-vodopad-gallery{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:.8rem;margin-bottom:1rem}.sp-vodopad-hero-img,.sp-vodopad-thumbs button{border:0;cursor:pointer;background:center/cover no-repeat;border-radius:26px;min-height:440px;position:relative;box-shadow:var(--shadow-lg);overflow:hidden}.sp-vodopad-hero-img:after,.sp-vodopad-thumbs button:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.35));opacity:.7;transition:opacity .2s}.sp-vodopad-hero-img:hover:after,.sp-vodopad-thumbs button:hover:after{opacity:.95}.sp-vodopad-hero-img span{position:absolute;left:18px;bottom:18px;z-index:2;background:rgba(7,26,16,.86);color:#fff;border-radius:999px;padding:.55rem .9rem;font-weight:800;display:flex;align-items:center;gap:6px}.sp-vodopad-thumbs{display:grid;grid-template-columns:1fr;gap:.8rem}.sp-vodopad-thumbs button{min-height:101px;border-radius:20px}.sp-vodopad-content{font-size:1.02rem}.sp-vodopad-content img{border-radius:22px;box-shadow:var(--shadow-md)}.sp-side-widget{background:#fff;border:1px solid var(--border-light);border-radius:24px;padding:1.15rem;box-shadow:var(--shadow-md)}.sp-side-widget h3{font-family:'Playfair Display',serif;color:var(--deep-forest);margin:0 0 .9rem;display:flex;align-items:center;gap:7px}.sp-related-mini{display:grid;grid-template-columns:74px 1fr;gap:.75rem;align-items:center;text-decoration:none;color:var(--deep-forest);padding:.65rem 0;border-top:1px solid var(--border-light)}.sp-related-mini:first-of-type{border-top:0}.sp-related-mini-img{width:74px;height:58px;border-radius:14px;background:center/cover no-repeat;display:block}.sp-related-mini strong{font-size:.92rem;line-height:1.2}.sp-vodopad-reviews.comments-section,.sp-vodopad-reviews .comments-section{box-shadow:none}.single-vodopad .comments-section h3{font-family:'Playfair Display',serif}.single-vodopad .comment-form{background:linear-gradient(180deg,#fff,#faf7f2);border:1px solid var(--border-light);border-radius:24px;padding:1.25rem;box-shadow:var(--shadow-sm)}
@media(max-width:1100px){.sp-vodopad-featured-grid{grid-template-columns:1fr 1fr}.sp-vodopad-card--big{grid-column:1/-1;grid-row:auto}.sp-vodopad-single-layout{grid-template-columns:1fr}.sp-vodopad-sidebar{position:static}.sp-vodopad-gallery{grid-template-columns:1fr}.sp-vodopad-thumbs{grid-template-columns:repeat(4,1fr)}.sp-vodopad-hero-img{min-height:360px}.sp-vodopad-thumbs button{min-height:95px}}@media(max-width:700px){.sp-vodopad-featured-grid{grid-template-columns:1fr}.sp-vodopad-card--big .sp-vodopad-card-img,.sp-vodopad-card-img{min-height:240px}.sp-vodopad-title-card{padding:1.35rem;border-radius:24px}.sp-vodopad-gallery{gap:.6rem}.sp-vodopad-hero-img{min-height:280px;border-radius:22px}.sp-vodopad-thumbs{grid-template-columns:repeat(2,1fr)}.sp-vodopad-thumbs button{min-height:96px}.sp-vodopad-single-layout{gap:1rem}.sp-side-widget{border-radius:20px}}

/* v39 home carousels: vodopadi + sta posetiti */
.sp-home-waterfalls-carousel .waterfall-card,
.carousel-container .waterfall-card{
    min-width: calc(33.333% - 1rem);
    flex: 0 0 calc(33.333% - 1rem);
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    background: var(--snow);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-bounce), box-shadow var(--transition-smooth), border-color var(--transition-fast);
}
.sp-home-waterfalls-carousel .waterfall-card:hover,
.carousel-container .waterfall-card:hover{
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
    border-color: rgba(232,120,26,.24);
}
.sp-home-waterfalls-carousel .waterfall-image,
.carousel-container .waterfall-image{
    width: 100%;
    min-height: 230px;
    height: 230px;
    background-size: cover;
    background-position: center;
    flex: none;
}
.sp-home-waterfalls-carousel .waterfall-info,
.carousel-container .waterfall-info{
    padding: 1.25rem 1.3rem 1.3rem;
    min-height: 170px;
    justify-content: flex-start;
}
.sp-home-waterfalls-carousel .waterfall-info h3,
.carousel-container .waterfall-info h3,
#carouselPosetiti .card-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sp-home-waterfalls-carousel .waterfall-info p,
.carousel-container .waterfall-info p,
#carouselPosetiti .card-text-small{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#carouselPosetiti .accommodation-card{
    min-width: calc(33.333% - 1rem);
    flex: 0 0 calc(33.333% - 1rem);
}
#carouselPosetiti .card-image-wrapper{height:230px;}
#dotsVodopadi,
#dotsPosetiti{margin-top:1.25rem;}
@media (max-width: 1100px){
  .sp-home-waterfalls-carousel .waterfall-card,
  .carousel-container .waterfall-card,
  #carouselPosetiti .accommodation-card{
      min-width: calc(50% - .75rem);
      flex-basis: calc(50% - .75rem);
  }
}
@media (max-width: 640px){
  .sp-home-waterfalls-carousel .waterfall-card,
  .carousel-container .waterfall-card,
  #carouselPosetiti .accommodation-card{
      min-width: calc(100% - .25rem);
      flex-basis: calc(100% - .25rem);
  }
  .sp-home-waterfalls-carousel .waterfall-image,
  .carousel-container .waterfall-image,
  #carouselPosetiti .card-image-wrapper{height:210px;min-height:210px;}
  .sp-home-waterfalls-carousel .waterfall-info,
  .carousel-container .waterfall-info{min-height:auto;}
}


/* === v45 fixes: stacked registration, public accommodation contacts, 404 === */
.sp-auth-wrap--stacked{align-items:flex-start!important;}
.sp-auth-wrap--stacked .sp-auth-shell{max-width:1180px!important;grid-template-columns:1fr!important;gap:1.25rem!important;}
.sp-auth-wrap--stacked .sp-auth-hero{min-height:300px!important;padding:2rem!important;}
.sp-auth-wrap--stacked .sp-auth-hero h1{font-size:clamp(2.5rem,5vw,4.8rem)!important;max-width:900px;}
.sp-auth-wrap--stacked .sp-auth-hero p{max-width:760px!important;}
.sp-auth-wrap--stacked .sp-auth-points{display:flex!important;flex-wrap:wrap;gap:.65rem .85rem!important;margin-top:1.25rem!important;}
.sp-auth-wrap--stacked .sp-auth-point{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.5rem .75rem;}
.sp-auth-wrap--stacked .sp-auth-panel{width:100%;padding:2rem!important;justify-content:flex-start!important;}
.sp-auth-wrap--stacked .sp-register-form{max-width:100%!important;}
.sp-auth-wrap--stacked .sp-register-choice{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem!important;}

.sp-public-contact-card{margin:1rem 0 0;padding:1rem;border:1px solid var(--border-light,#f0ece4);border-radius:20px;background:#fffaf3;}
.sp-public-contact-card__head{display:flex;flex-direction:column;gap:.18rem;margin-bottom:.75rem;}
.sp-public-contact-card__head strong{display:flex;align-items:center;gap:.45rem;color:var(--deep-forest,#071a10);font-size:.98rem;}
.sp-public-contact-card__head span{font-size:.78rem;color:var(--text-muted,#737373);}
.sp-public-contact-list{display:grid;gap:.55rem;}
.sp-public-contact-item{display:flex;align-items:center;gap:.55rem;min-height:42px;padding:.65rem .75rem;border:1px solid #e6ded1;border-radius:14px;background:#fff;color:var(--deep-forest,#071a10);font-weight:800;text-decoration:none;word-break:break-word;transition:.18s ease;}
.sp-public-contact-item:hover{border-color:var(--amber,#e8781a);color:var(--amber,#e8781a);transform:translateY(-1px);}
.sp-public-contact-item--phone{background:linear-gradient(135deg,rgba(232,120,26,.10),rgba(232,120,26,.04));}
.sp-public-contact-item svg{flex:0 0 auto;}

.sp-404-page{min-height:calc(100vh - 150px);display:flex;align-items:center;justify-content:center;padding-top:3rem;padding-bottom:3rem;}
.sp-404-card{width:min(100%,820px);text-align:center;background:#fff;border:1px solid var(--border-light,#f0ece4);border-radius:34px;padding:clamp(2rem,5vw,4rem);box-shadow:0 18px 48px rgba(0,0,0,.08);position:relative;overflow:hidden;}
.sp-404-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(232,120,26,.12),transparent 35%),radial-gradient(circle at 80% 20%,rgba(42,99,67,.13),transparent 34%);pointer-events:none;}
.sp-404-card>*{position:relative;z-index:1;}
.sp-404-kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:999px;background:#fff3e4;color:var(--amber,#e8781a);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;}
.sp-404-card h1{font-family:'Playfair Display',serif;font-size:clamp(4rem,11vw,8rem);line-height:.9;color:var(--deep-forest,#071a10);margin:0;}
.sp-404-card h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;margin:.45rem 0 .8rem;color:var(--deep-forest,#071a10);}
.sp-404-card p{max-width:600px;margin:0 auto 1.35rem;color:var(--text-muted,#737373);line-height:1.7;}
.sp-404-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;}
@media(max-width:700px){.sp-auth-wrap--stacked .sp-register-choice{grid-template-columns:1fr!important}.sp-auth-wrap--stacked .sp-auth-hero{min-height:260px!important}.sp-public-contact-card{padding:.85rem}.sp-404-actions .sp-btn{width:100%;}}