/*
Theme Name: Pokoje Alpina
Theme URI: https://pokojealpina.pl
Author: ITFOTO Sebastian Cebula
Author URI: https://itfoto.pl
Description: Nowoczesny motyw dla obiektu noclegowego w Krynicy-Zdroju. Wykorzystuje Tailwind CSS i Alpine.js.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pokoje-alpina
*/

/* Zmienne CSS - definicja kolorów jako zabezpieczenie */
:root {
    --alpina-dark: #1c2e2a;
    --alpina-gold: #c5a059;
    --alpina-light: #f3f4f6;
}

/* Główne style to Tailwind CSS skompilowany lokalnie (assets/css/tailwind.css, budowanie: npm run build).
   Poniżej znajdują się style naprawcze i specyficzne dla WordPressa. */

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--alpina-light);
}

/* Zabezpieczenie responsywności obrazków */
img {
    max-width: 100%;
    height: auto;
}

/* --- POPRAWKA DLA PASKA ADMINISTRACYJNEGO (ADMIN BAR) --- */
/* Ponieważ nagłówek jest 'fixed', chowa się pod paskiem admina. Te style to naprawiają. */
body.admin-bar header {
    top: 32px;
}

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

/* --- STYLE DLA TREŚCI WPISÓW I STRON (GUTENBERG) --- */
/* Te style aplikują się do treści wprowadzanej w edytorze WordPress */

.entry-content h2 {
    font-size: 1.875rem; /* text-3xl */
    font-weight: 700;
    color: var(--alpina-dark);
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-family: 'Playfair Display', serif;
}

.entry-content h3 {
    font-size: 1.5rem; /* text-2xl */
    font-weight: 600;
    color: var(--alpina-dark);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-family: 'Playfair Display', serif;
}

.entry-content p {
    margin-bottom: 1rem;
    line-height: 1.6;
    color: #374151; /* gray-700 */
}

.entry-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    color: #374151;
}

.entry-content ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    color: #374151;
}

.entry-content a {
    color: var(--alpina-gold);
    text-decoration: underline;
    transition: color 0.2s;
}

.entry-content a:hover {
    color: var(--alpina-dark);
}

/* Style dla cytatów (Blockquote) */
.entry-content blockquote {
    border-left: 4px solid var(--alpina-gold);
    padding-left: 1rem;
    font-style: italic;
    color: #4b5563; /* gray-600 */
    margin: 1.5rem 0;
}