/* kontaktní info s ikonami - můj edit */

.adresa{

font-size: 1.8em;

    font-weight: 300;

    max-width: 800px;

    margin: 20px auto 30px auto;

}



/*Nastavení ikonek ke kontaktu*/

a[href^="mailto"]::before {

  content: "📧 ";

}



a[href^="tel"]::before {

  content: "📞 ";

}



/* Nastavení fontu kontaktu */

a[href^="mailto:"],

a[href^="tel:"] {

    color: #333333;           /* Změní barvu z modré na tmavě šedou/černou */

    font-style: normal;       /* Zruší kurzívu */

    text-decoration: none;    /* Odstraní podtržení (pokud je) */

}



/* Základní reset a nastavení fontu */

body {

    font-family: 'Source Sans 3', sans-serif;

    line-height: 1.6;

    margin: 0;

    padding: 0;

    color: #333; /* Tmavá barva textu */

    background-color: #D6995C; //#ADBBA0; //#D5B4B4; //#A17668;

}



/* Kontejner pro centrování obsahu */

.container {

    width: 90%;

    max-width: 1100px;

    margin: 0 auto;

    padding: 20px 0;

}



/* Navigace a Hlavička */

header {

    background-color: #ffffff; /* Bílé pozadí */

    box-shadow: 0 2px 4px rgba(0,0,0,0.05);

    padding: 10px 0;

}



header h1 {

    margin: 0;

    font-size: 1.8em;

    color: #D6995C; //#A17668; /**/

}



nav ul {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    justify-content: flex-end;

}



nav a {

    text-decoration: none;

    color: #333;

    padding: 10px 15px;

    display: block;

    font-weight: 400;

    transition: color 0.3s;

}



nav a:hover {

    color: #0056b3;

}



/* Sekce */

.content-section {

    padding: 60px 0;

}



.light-bg {

    background-color: #f0f4f7; /* Světle šedé pozadí pro střídání sekcí */

}



/* Nadpisy */

h2 {

    font-size: 2.5em;

    font-weight: 300;

    color: #0056b3;

    text-align: center;

    margin-bottom: 20px;

}



h3 {

    font-size: 1.8em;

    color: #333;

    border-bottom: 2px solid #ddd;

    padding-bottom: 5px;

    margin-bottom: 25px;

    text-align: center;

}



/* Úvodní HERO sekce */

.hero {

    background: #D6995C; //#A17668; /* Tmavě modrý podklad */

    color: white;

    text-align: center;

    padding: 100px 0;

}



.hero h2 {

    color: white;

    font-size: 3em;

    margin-bottom: 10px;

}



.intro-text {

    font-size: 1.3em;

    font-weight: 300;

    max-width: 800px;

    margin: 20px auto 30px auto;

}



/* Tlačítka */

.btn {

    display: inline-block;

    padding: 12px 25px;

    text-decoration: none;

    border-radius: 5px;

    font-weight: 700;

    transition: background-color 0.3s;

    border: none;

    cursor: pointer;

}



.btn.primary {

    background-color: #ff9900; /* Oranžová pro CTA (Call to Action) */

    color: white;

}



.btn.primary:hover {

    background-color: #cc7a00;

}



/* Layouty pro obsah */

.three-col-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    gap: 30px;

    margin-top: 30px;

    text-align: left;

}



.two-col-text {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 40px;

    margin-bottom: 30px;

}

.two-col-text p {

    font-size: 1.1em;

}



/* Sekce O Mně */

.bio-layout {

    display: flex;

    gap: 40px;

    align-items: flex-start;

    text-align: left;

}



.profile-pic {

    width: 240px; /*250*/

    height: 320px;

    object-fit: cover;

    border-radius: 5px;

    box-shadow: 0 5px 15px rgba(0,0,0,0.1);

}



.bio-text ul {

    list-style-type: none;

    padding: 0;

}

.bio-text li::before {

    content: "• ";

    //color: #0056b3;

    font-weight: 700;

}



/* Ceník */

.price-box {

    text-align: center;

    background-color: #fff;

    padding: 30px;

    border-radius: 8px;

    box-shadow: 0 2px 10px rgba(0,0,0,0.05);

    max-width: 400px;

    margin: 0 auto 40px auto;

}

.price-value {

    font-size: 3em;

    font-weight: 700;

    color: #ff9900;

    margin: 10px 0;

}



/* Kontaktní formulář */

.contact-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 50px;

    text-align: left;

}



.contact-form-placeholder input,

.contact-form-placeholder textarea {

    width: 100%;

    padding: 10px;

    margin-bottom: 15px;

    border: 1px solid #ddd;

    border-radius: 5px;

    box-sizing: border-box;

}



/* Patička */

footer {

    background-color: #333;

    color: white;

    text-align: center;

    padding: 20px 0;

    font-size: 0.9em;

}



/* Responzivní design pro mobily */

@media (max-width: 768px) {

    header {

        text-align: center;

    }

    nav ul {

        justify-content: center;

        flex-wrap: wrap;

    }



    .hero {

        padding: 50px 0;

    }



    .hero h2 {

        font-size: 2em;

    }



    .bio-layout {

        flex-direction: column;

        align-items: center;

    }



    .contact-grid {

        grid-template-columns: 1fr;

    }



    .two-col-text {

        grid-template-columns: 1fr;

        gap: 20px;

    }

}