/*
Theme Name: MetaPlate
Theme URI: https://ouhrabka.cz
Author: Martin Ouhrabka
Author URI: https://ouhrabka.cz
Description: Vymazlená WP šablona
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: metaplate
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

.poppins-font {
    font-family: 'Poppins', sans-serif;
}

@keyframes slideDown {
    from {
      transform: translateY(-100%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .animate-slideDown {
    animation: slideDown 0.8s ease-out;
  }

@media (min-width: 1024px) { /* Tailwind lg breakpoint */
	#menu-main-menu > .menu-item:first-child {
		margin-right: 0;
	}
}

@media (max-width: 639.98px) { /* Cílí na obrazovky menší než sm breakpoint Tailwindu */
	#menu-main-menu > .menu-item:first-child {
		margin-bottom: 0;
	}
}

:root, :host {
	--spacing: 0rem !important;
}
/* In wp-content/plugins/reference/style.css */

/* Přepsání výchozího pozicování Swiper paginace pro .swiper-references */
.swiper-references .swiper-pagination-references {
	position: relative; /* Změníme z 'absolute' na 'relative' */
	bottom: auto !important; /* Zrušíme pozicování odspodu */
	top: auto !important;    /* Zrušíme explicitní pozicování shora */
	/* Nyní by vaše třída mt-16 (margin-top: 4rem) z Tailwindu měla
	   vytvořit požadovanou mezeru nad paginací v normálním toku dokumentu. */
}

/* Stávající styly pro tečky atd. ponechte ... */
.swiper-pagination-bullet {
	background-color: #d1d5db;
	opacity: 1;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	transition: background-color 0.3s ease;
}

.swiper-pagination-bullet-active {
	background-color: #262e61;
}

/* =================================================================
   VLASTNÍ STYLY PRO ŠIPKY V FSLIGHTBOX (PRŮHLEDNÁ VERZE)
   ================================================================= */

/* 1. Základní styl pro tlačítko - průhledné pozadí, bílý rámeček */
.fslightbox-slide-btn {
	background-color: transparent !important; /* Průhledné pozadí */
	border: 2px solid white !important; /* Bílý rámeček, tloušťku lze upravit */
	border-radius: 50% !important; /* Udělá z tlačítka kruh */
	width: 48px !important;
	height: 48px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); /* Jemný stín pro lepší viditelnost */
	transition: all 0.2s ease-in-out;
}

/* 2. Změna vzhledu při najetí myší */
.fslightbox-slide-btn:hover {
	background-color: rgba(255, 255, 255, 0.15) !important; /* Lehce bílý nádech při hoveru */
	transform: scale(1.05); /* Lehké zvětšení */
}

/* 3. Skryjeme původní SVG ikonu, kterou generuje JavaScript */
.fslightbox-slide-btn .fslightbox-svg {
	display: none !important;
}

/* 4. Vytvoříme prostor pro naši novou ikonu */
.fslightbox-slide-btn::after {
	content: '';
	display: block;
	width: 24px; /* Velikost ikony */
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
}

/* 5. Vložíme naši vlastní BÍLOU SVG ikonu pro šipku VPRAVO (Next) */
.fslightbox-slide-btn-container-next .fslightbox-slide-btn::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="%23FFFFFF"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>');
}

/* 6. Vložíme naši vlastní BÍLOU SVG ikonu pro šipku VLEVO (Previous) */
.fslightbox-slide-btn-container-previous .fslightbox-slide-btn::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="%23FFFFFF"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" /></svg>');
}

/* 7. Odsazení šipek od okrajů obrazovky */
.fslightbox-slide-btn-container-previous {
	left: 1.5rem !important; /* Odsazení levé šipky (výchozí je cca 0) */
}

.fslightbox-slide-btn-container-next {
	right: 1.5rem !important; /* Odsazení pravé šipky (výchozí je cca 0) */
}

/* Vlastní mezery pro odstavce v popisu nemovitosti */
.custom-prose-spacing p {
	margin-bottom: 0.8rem; /* Odpovídá Tailwind třídě mb-4 */
}

/* Styly pro kontaktní formulář na detailu nemovitosti */
.form-input,
.form-input:focus {
	width: 100%;
	background-color: rgba(255, 255, 255, 0); /* Lehce průhledné bílé pozadí */
	border: 1px solid rgba(255, 255, 255, 0.3); /* Bílý okraj */
	font-family: "Poppins", sans-serif;
	font-size: 0.8rem;
	color: white;
	padding: 10px 14px;
	border-radius: 6px;
	transition: all 0.2s ease-in-out;
	outline: none; /* Odstraní výchozí modrý focus outline */
	box-shadow: none; /* Odstraní výchozí stín při focusu */
}

/* Změna barvy placeholderu */
.form-input::placeholder {
	color: rgba(255, 255, 255, 0.6);
	opacity: 1;
}

/* Vzhled při najetí myší nebo focusu */
.form-input:focus,
.form-input:hover {
	background-color: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.7);
}

/* Styl pro odesílací tlačítko */
.form-submit {
	background-color: white;
	color: #262e61; /* Modrá barva textu */
	font-weight: bold;
	padding: 1rem 2rem;
	border-radius: 9999px;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;
}

.form-submit:hover {
	background-color: #f0f0f0; /* Lehce šedá při najetí */
}

/* Odstranění výchozích <p> a <br> tagů z Contact Form 7 */
.wpcf7-form p, .wpcf7-form br {
	display: none;
}
.wpcf7-form .space-y-4 {
	display: block;
}