/*
Theme Name: SeeSzczecin
Theme URI: https://seeszczecin.pl
Author: Szczecin City Tours
Author URI: https://seeszczecin.pl
Description: Oficjalny motyw turystyczny miasta Szczecin. Odkryj atrakcje, wycieczki i noclegi w stolicy Pomorza Zachodniego.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seeszczecin
Tags: tourism, city-guide, custom-post-types, responsive, tailwind

SeeSzczecin - Twój przewodnik po Szczecinie
*/

/* Base Styles */
body {
    font-family: 'Inter', sans-serif;
}

/* Smooth transitions */
* {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Line clamp utility for truncating text */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* WordPress specific overrides */
.wp-block-image img {
    max-width: 100%;
    height: auto;
}

/* Admin bar spacing fix */
body.admin-bar .sticky {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .sticky {
        top: 46px;
    }
}

/* Navigation menu styles for wp_nav_menu */
.nav-menu {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.nav-menu li {
    list-style: none;
}

.nav-menu a {
    transition: color 0.2s;
}

.nav-menu .current-menu-item a,
.nav-menu .current_page_item a {
    color: rgb(13 148 136);
    font-weight: 700;
}

/* Mobile menu styles */
.mobile-nav-menu {
    display: flex;
    flex-direction: column;
}

.mobile-nav-menu li {
    list-style: none;
}

.mobile-nav-menu a {
    display: block;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    font-size: 1rem;
    font-weight: 500;
    color: rgb(55 65 81);
    transition: all 0.2s;
}

.mobile-nav-menu a:hover {
    color: rgb(13 148 136);
    background-color: rgb(249 250 251);
}

/* Footer menu styles */
.footer-menu {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.footer-menu li {
    list-style: none;
}

.footer-menu a {
    color: rgb(203 213 225);
    transition: color 0.2s;
}

.footer-menu a:hover {
    color: white;
}