/*
Theme Name: Lens & Gold
Author: barmSTUDIO.pl Bartosz Muras
Author URI: https://barmstudio.pl
Description: Nowoczesny, autorski motyw dla fotografa z animacjami GSAP.
Version: 1.0
Text Domain: lens-gold
*/

/* Tutaj możesz wrzucić style awaryjne, ale główną robotę robi Tailwind */


/* =========================================
   1. SMASH BALLOON (FACEBOOK FEED) - DARK LUXURY
   ========================================= */

/* Usunięcie białego tła z całego feedu */
#cff {
    background: transparent !important;
    padding: 0 !important;
}

/* Stylizacja pojedynczego posta/zdjęcia */
.cff-item {
    background-color: #050505 !important; /* luxury-black */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 15px !important;
    margin-bottom: 30px !important;
    transition: all 0.3s ease !important;
}

/* Efekt najechania - złota ramka */
.cff-item:hover {
    border-color: #D4AF37 !important;
    transform: translateY(-5px);
}

/* Tekst posta */
.cff-text, .cff-text a {
    color: #a3a3a3 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
}

/* Linki w tekście */
.cff-text a:hover {
    color: #D4AF37 !important;
}

/* Ukrycie zbędnych elementów (opcjonalne) */
.cff-viewpost-facebook, .cff-likebox, .cff-author {
    display: none !important; 
}

/* Przycisk "Load More" - stylizacja na złoto */
#cff .cff-load-more {
    background: transparent !important;
    border: 1px solid #D4AF37 !important;
    color: #D4AF37 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
    margin-top: 40px !important;
}

#cff .cff-load-more:hover {
    background: #D4AF37 !important;
    color: #000 !important;
}

/* Data posta */
.cff-date {
    color: #555 !important;
    font-size: 12px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* Zdjęcia */
.cff-photo {
    border-radius: 2px !important;
    opacity: 0.9;
    transition: opacity 0.3s;
}
.cff-photo:hover {
    opacity: 1;
}


/* =========================================
   2. CONTACT FORM 7 - DARK LUXURY & FIXES
   ========================================= */

/* Reset inputów - ciemne tło, brak ramek bocznych, biała dolna krawędź */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],  /* <--- DODAŁEM TO */
.wpcf7 textarea,
.wpcf7 select {
    background-color: #0a0a0a !important; /* luxury-dark */
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; /* border-white/20 */
    border-radius: 0 !important;
    color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 1rem !important;
    width: 100%;
    transition: all 0.3s ease-in-out !important;
}

/* --- FIX: ZŁOTE PODKREŚLENIE (FOCUS) --- */
/* Używamy bardzo specyficznego selektora i cienia, aby wymusić kolor */

div.wpcf7 form input:not([type="submit"]):focus,
div.wpcf7 form textarea:focus,
div.wpcf7 form select:focus {
    /* 1. Wymuszenie koloru ramki */
    border-bottom-color: #D4AF37 !important;
    
    /* 2. Zapasowy "cień" udający ramkę (jeśli border zawiedzie) */
    box-shadow: 0 1px 0 0 #D4AF37 !important; 

    /* 3. Czyszczenie */
    outline: none !important;
    background-color: #0a0a0a !important;
}

/* Placeholder (szary tekst podpowiedzi) */
.wpcf7 ::placeholder {
    color: #9ca3af !important; /* gray-400 */
    opacity: 1;
}

/* Przycisk Submit (Identyczny jak <button> w HTML) */
.wpcf7 input[type="submit"] {
    background-color: #fff !important;
    color: #000 !important;
    border: none !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    width: 100%;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 0 !important;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #D4AF37 !important; /* luxury-gold */
    color: #000 !important;
}

/* Select - kolor tekstu */
.wpcf7 select {
    color: #9ca3af !important;
    appearance: none; /* Usuwa domyślną strzałkę systemową, wygląda czyściej */
}

/* --- STYLIZACJA KOMUNIKATÓW (Błędy/Sukces) --- */

.wpcf7-response-output {
    border: none !important;
    padding: 15px !important;
    margin-top: 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-align: center !important;
}

/* Sukces */
.wpcf7 form.sent .wpcf7-response-output {
    border: 1px solid #D4AF37 !important;
    color: #D4AF37 !important;
    background: #000 !important;
}

/* Błąd */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
    background: #000 !important;
}

/* Spinner (Loader) - ukrycie lub stylizacja */
.wpcf7-spinner {
    margin: 0 !important;
    position: absolute; 
    right: 20px;
    bottom: 20px;
}