/* Styles for the calculator container */
.tehotenska-kalkulacka-container {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #b29e88; /* Jemný hnědý rámeček */
    border-radius: 8px;
    background-color: #f6f3ef; /* Světle béžové pozadí */
    max-width: 600px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Styles for the form elements */
.tehotenska-kalkulacka-container h3 {
    margin-bottom: 15px;
	    margin-top: 10px !important;
    color: #B07B7C; /* Tmavší hnědý odstín pro nadpis */
    font-size: 1.7em;
	font-weight: 800;
	text-align: center;
    font-family: Quicksand, sans-serif;
}

.tehotenska-kalkulacka-container label {
    display: block;
    margin-bottom: 10px;
    color: #6f5641; /* Tmavší hnědý text */
    font-size: 1em;
}

.tehotenska-kalkulacka-container input[type="date"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #b29e88; /* Jemný hnědý rámeček */
    border-radius: 4px;
    background-color: #ffffff;
    color: #333333;
    font-size: 1em;
}

.tehotenska-kalkulacka-container button {
    padding: 12px 20px;
    background-color: #8d735d; /* Hnědý odstín pro tlačítko */
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s ease;
    display: block;
    margin-left: auto; /* Posune tlačítko doprava */
	font-weight: 500;
}

.tehotenska-kalkulacka-container button:hover {
    background-color: #6f5641; /* Tmavší hnědý při najetí myší */
}

/* Styles for results and error messages */
.vysledky, .chyba, .upozorneni {
    padding: 20px;
    border: 0px solid #b29e88; /* Hnědý rámeček */
    border-radius: 10px;
    background-color: #ffffff; /* Bílé pozadí */
    max-width: 600px;
    margin-top: 20px;
    color: #333333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Stylování tabulky výsledků */
.vysledky table {
    width: 100%;
    border-collapse: collapse;
}

.vysledky table tr {
    border-bottom: 1px solid #e4dace;
}

.vysledky table tr:last-child {
    border-bottom: none;
}

.vysledky table td {
    padding: 2px;
    font-size: 1em;
}

.vysledky table td:first-child {
    font-weight: 500;
    color: #6f5641;
    width: 59%;
}

@media (max-width: 600px) {
    .vysledky table td:first-child {
        font-weight: normal;
        width: 65%;
    }
}
.vysledky table td:last-child {
    color: #333333;
	font-weight: bold;
}

/* Zvýraznění "Přečtěte si více" sekce */
.vysledky p {
    margin-top: 20px;
    font-size: 1.1em;
    font-weight: 500;
    color: #8d735d;
	text-align: center;
}

.vysledky p a {
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

.vysledky p a:hover {
    color: #6f5641;
}

/* Styles for error messages */
.chyba {
    border-color: #c96c6c; /* Jemná červená */
    background-color: #fdecea; /* Světle červené pozadí */
}

.chyba p {
    color: #8a3c3c;
    font-weight: bold;
    margin: 0;
}

/* Styles for warning messages */
.upozorneni {
    border-color: #e6c075; /* Jemná žlutá */
    background-color: #fff9e8; /* Světle žluté pozadí */
}

.upozorneni p {
    color: #7a6235;
    font-weight: bold;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 600px) {
    .tehotenska-kalkulacka-container, .vysledky, .chyba, .upozorneni {
        padding: 5px;
        max-width: 100%;
		border: 0px solid #b29e88;
    }

    .vysledky table td {
        padding: 1px;
    }

    .tehotenska-kalkulacka-container button {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .vysledky, .chyba, .upozorneni {
        padding: 5px; /* Upravené padding pro mobil */
        border-radius: 5px;
		border: 0px solid #b29e88;
        margin-top: 15px; /* Menší mezera nahoře */
        color: #333333;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }
}

.vysledky {
    padding: 20px;
    border-radius: 10px;
    background-color: #ffffff; /* Bílé pozadí */
    max-width: 600px;
    margin-top: 20px;
    color: #333333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    position: relative; /* Pro vodoznak */
    overflow: hidden; /* Skrytí přesahujícího obsahu */
}

.vysledky::before {
    content: ""; /* Prázdný obsah pro SVG */
    background-image: url('https://www.feedo.cz/buxus/assets/images/feedo/logo.svg'); /* URL SVG loga */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%; /* Zvýšení velikosti loga */
    opacity: 0.2; /* Mírně zvýšená průhlednost pro lepší viditelnost */
    filter: invert(27%) sepia(25%) saturate(335%) hue-rotate(344deg) brightness(70%) contrast(90%); /* Více ztmavené logo */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-15deg); /* Centrované a našikmo */
    width: 100%;
    height: 100%;
    z-index: 0; /* Pod textem */
}

.vysledky * {
    position: relative;
    z-index: 1; /* Text a obsah zůstane nad vodoznakem */
}

.tehotenska-kalkulacka-container input[type="radio"] {
    appearance: none; /* Skryje výchozí vzhled */
    width: 16px;
    height: 16px;
    border: 2px solid #b29e88; /* Jemný hnědý rámeček */
    border-radius: 50%; /* Udělá z něj kruh */
    outline: none;
    cursor: pointer;
    position: relative;
	margin: 0 !important;
    vertical-align: middle; /* Vertikální zarovnání s textem */
    transition: all 0.3s ease;
}

.tehotenska-kalkulacka-container input[type="radio"]:checked {
    background-color: #8d735d; /* Hnědá barva po výběru */
    border-color: #8d735d; /* Hnědý rámeček */
}

.tehotenska-kalkulacka-container input[type="radio"]:hover {
    border-color: #6f5641; /* Tmavší hnědý rámeček při najetí */
}

.tehotenska-kalkulacka-container label {
    display: inline-flex; /* Flexbox pro lepší zarovnání */
    align-items: center; /* Vertikální zarovnání textu a buttonu */
    font-size: 1em;
    color: #6f5641; /* Tmavší hnědý text */
    font-weight: 600;
	margin-right: 5px;
    gap: 8px; /* Mezera mezi puntíkem a textem */
}

.tehotenska-kalkulacka-container {
    display: flex;
    flex-direction: column;
    gap: 12px; /* Mezera mezi jednotlivými řádky */
}

.tehotenska-kalkulacka-container label {
    display: inline-flex; /* Flexbox pro zarovnání */
    align-items: center; /* Vertikální zarovnání */
    font-size: 1em;
    color: #6f5641; /* Tmavší hnědý text */
    font-weight: 600;
    gap: 8px; /* Mezera mezi puntíkem a textem */
    cursor: pointer; /* Přidá pointer na celý label */
    margin-right: 15px; /* Odstup mezi jednotlivými labely */
}

.tehotenska-kalkulacka-container input[type="radio"] {
    appearance: none; /* Skryje výchozí vzhled */
    width: 16px;
    height: 16px;
    border: 2px solid #b29e88; /* Jemný hnědý rámeček */
    border-radius: 50%; /* Udělá z něj kruh */
    outline: none;
    cursor: pointer; /* Umožní kliknutí na puntík */
    transition: all 0.3s ease;
}

.tehotenska-kalkulacka-container input[type="radio"]:checked {
    background-color: #8d735d; /* Hnědá barva po výběru */
    border-color: #8d735d; /* Hnědý rámeček */
}

/* Pole pro výběr data */
.tehotenska-kalkulacka-container input[type="date"] {
    width: 100%; /* Zachová šířku pole */
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #b29e88; /* Jemný hnědý rámeček */
    border-radius: 4px; /* Zakulacené rohy */
    background-color: #ffffff; /* Bílé pozadí */
    color: #333333; /* Barva textu */
    font-size: 1em;
    cursor: text; /* Standardní kurzor při najetí na text */
    transition: all 0.3s ease; /* Jemná animace pro hover */
}

/* Ikona kalendáře */
.tehotenska-kalkulacka-container input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer; /* Zajistí pointer na ikoně kalendáře */
    color: #8d735d; /* Barva ikony (pro kompatibilní prohlížeče) */
    transform: scale(1); /* Standardní velikost */
    transition: all 0.3s ease; /* Jemný přechod při hoveru */
}

/* Efekt při hoveru na ikonu kalendáře */
.tehotenska-kalkulacka-container input[type="date"]::-webkit-calendar-picker-indicator:hover {
    transform: scale(1.3); /* Zvýší velikost při hoveru */
    filter: brightness(1.2); /* Mírné zvýraznění barvy */
}

@media (max-width: 600px) {
    .vysledky {
        padding: 10px !important;
    }
}

.upozorneni, .chyba p { 
    text-align: center !important; 
}

/* Stylování tlačítka pro sdílení */
.tehotenska-kalkulacka-container .btn-share {
    display: block;
    width: fit-content;
    margin: 20px auto; 
    padding: 12px 20px;
    background-color: #B07B7C;
    color: white;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.tehotenska-kalkulacka-container .btn-share:hover {
    background-color: #866060;
    transform: scale(1.04); /* Jemné zvětšení */
}

.tehotenska-kalkulacka-container .btn-share:active {
    transform: scale(0.98); /* Efekt stisku */
}

/* Stylování hlášky o zkopírování */
.tehotenska-kalkulacka-container .copy-message {
    display: none; /* Výchozí skrytí */
    text-align: center;
    margin: 15px auto;
    padding: 10px 15px;
    background-color: #28a745; /* Zelené pozadí úspěchu */
    color: white;
    font-weight: 500;
    border-radius: 5px;
    width: fit-content;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    animation: fadeIn 0.5s ease-in-out;
}

/* Animace pro zobrazení hlášky */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tehotenska-kalkulacka-container .btn-share {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Mezera mezi ikonou a textem */
}

.tehotenska-kalkulacka-container .btn-icon {
    font-size: 1.2em; /* Větší ikona */
}