/*
Theme Name: Kreisberg Schafzucht
Theme URI: https://example.de
Author: Kreisberg Schafzucht
Author URI: https://example.de
Description: Individuelles One-Page-Theme fuer die Shetland-Schafzucht Kreisberg. Schafe, Verkaufstiere und Galeriebilder werden ueber das WordPress-Backend gepflegt.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Nur fuer den eigenen Gebrauch
Text Domain: kreisberg
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500&family=Italiana&display=swap');
:root{--cream:#f5f0e5;--paper:#fbf8f1;--green:#28341e;--olive:#566044;--ink:#283024;--gold:#a48c62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}header{height:108px;display:flex;align-items:center;padding:14px 4vw;gap:35px;background:rgba(251,248,241,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid #ded7c9}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--green);min-width:360px}.brand b{display:block;font:600 32px/1 'Cormorant Garamond',serif;letter-spacing:.2em}.brand small{display:block;letter-spacing:.35em;border-top:1px solid;margin-top:5px}.brand em{font-family:'Cormorant Garamond',serif;font-size:16px}.mark{width:78px;height:78px;border:2px solid var(--green);border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden}.mountain{font-size:48px;position:absolute;top:1px;color:#526048}.sheep{position:absolute;bottom:7px;font-size:9px;background:var(--paper);padding:1px 5px;border-radius:9px}nav{display:flex;gap:25px;align-items:center;flex:1;justify-content:flex-end}nav a{color:var(--ink);text-decoration:none;text-transform:uppercase;font:500 12px Inter;letter-spacing:.05em}.menu{display:none}.hero{min-height:680px;background:url('assets/images/hero.png') center 48%/cover no-repeat;position:relative;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,29,17,.66),rgba(25,29,17,.1) 60%,transparent)}.heroText{position:relative;color:white;max-width:750px;margin-left:5vw;padding:70px 0;transform: translateY(-80px);}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:12px;font-weight:500;color:var(--olive)}.hero .eyebrow{color:#e7dfc9}.hero h1{font:500 clamp(44px,5vw,78px)/.98 'Cormorant Garamond',serif;margin:12px 0 20px;text-transform:uppercase}.script{font:italic 28px 'Cormorant Garamond',serif;max-width:620px}.btn{display:inline-block;background:var(--green);color:white;padding:14px 23px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-top:18px}.intro{padding:90px 9vw;display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;background:var(--cream)}h2{font:500 42px/1.1 'Cormorant Garamond',serif;margin:7px 0 20px}blockquote{font:italic 36px/1.3 'Cormorant Garamond',serif;border-left:1px solid var(--gold);padding-left:40px;margin:0;align-self:center}.section{padding:90px 5vw}.center{text-align:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px}.cards article{background:#fff;border:1px solid #ded8ca;text-align:center;padding:12px 12px 28px;box-shadow:0 8px 20px #4c492e12}.photo{height:280px;background:#eee9df center/cover;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.cards h3{font:600 30px 'Cormorant Garamond';margin:14px 0 0}.cards em{font-family:'Cormorant Garamond';font-size:19px}.cards p{font-size:13px;padding:0 15px}.split{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.panel{padding:100px 9vw}.landscape{background:url('assets/images/uebershetlandschafe.jpeg') center/cover;min-height:450px}.diary{background:#fff}.entry{max-width:1000px;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.entry img{width:100%;height:360px;object-fit:cover}.entry div{padding:50px}.entry h3{font:500 32px 'Cormorant Garamond';margin:5px 0}.entry a{color:var(--green)}.gallery{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:60px;padding:90px 8vw}.gallery img{width:100%;max-height:500px;object-fit:cover}footer{background:var(--green);color:#eee8da;padding:55px 6vw;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:50px;align-items:start}footer a{display:block;color:#eee8da;text-decoration:none;font-size:13px;margin-top:7px}.footerBrand b{font:500 30px 'Cormorant Garamond';letter-spacing:.18em;display:block}.footerBrand span{letter-spacing:.3em;font-size:11px;display:block}.footerBrand em{font-family:'Cormorant Garamond';font-size:18px}footer small{align-self:end}@media(max-width:1000px){header{height:auto;flex-wrap:wrap}.brand{min-width:0}.menu{display:block;margin-left:auto;background:none;border:0;font-size:28px}nav{display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;padding:15px 0}nav.open{display:flex}.cards{grid-template-columns:repeat(2,1fr)}.intro,.split,.gallery{grid-template-columns:1fr}.landscape{min-height:350px}footer{grid-template-columns:1fr 1fr}}@media(max-width:620px){.brand b{font-size:24px}.brand small,.brand em{font-size:10px}.mark{width:58px;height:58px}.hero{min-height:620px}.heroText{padding:40px 6vw;margin:0}.hero h1{font-size:44px}.script{font-size:23px}.intro,.section,.panel,.gallery{padding:65px 6vw}.intro{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.entry{grid-template-columns:1fr}.entry div{padding:30px}footer{grid-template-columns:1fr}.photo{height:330px}}

.logo{width:84px;height:84px;object-fit:contain;flex:0 0 auto}
@media(max-width:620px){.logo{width:62px;height:62px}}


/* Sheep carousel */
.sheep-carousel{position:relative;margin-top:42px;padding:0 48px}
.sheep-carousel .cards{display:flex;gap:24px;margin-top:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 22px}
.sheep-carousel .cards::-webkit-scrollbar{display:none}
.sheep-carousel .cards article{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:1px solid #cfc6b4;border-radius:50%;background:var(--paper);color:var(--green);font:32px/1 'Cormorant Garamond',serif;cursor:pointer;box-shadow:0 5px 14px #2830241f;display:grid;place-items:center}
.carousel-arrow:hover{background:var(--green);color:#fff}
.carousel-arrow:disabled{opacity:.3;cursor:default}
.carousel-prev{left:0}.carousel-next{right:0}
.carousel-dots{display:flex;justify-content:center;gap:9px;margin-top:5px}
.carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c8c0af;cursor:pointer}
.carousel-dot.active{background:var(--green);transform:scale(1.2)}
@media(max-width:1000px){.sheep-carousel .cards{display:flex}.sheep-carousel .cards article{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:620px){.sheep-carousel{padding:0 34px}.sheep-carousel .cards{display:flex}.sheep-carousel .cards article{flex-basis:100%}.carousel-arrow{width:32px;height:32px;font-size:25px}.photo{height:330px}}


/* Unsere Verkaufstiere */
.sales-section{background:var(--cream);border-top:1px solid #e3dccf;border-bottom:1px solid #e3dccf}
.sales-intro{max-width:720px;margin:0 auto;text-align:center;color:#596052}
.sales-carousel{position:relative;max-width:1180px;margin:42px auto 0;padding:0 48px}
.sales-cards{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 22px}
.sales-cards::-webkit-scrollbar{display:none}
.sales-card{flex:0 0 calc((100% - 48px)/3);background:#fff;border:1px solid #ded8ca;box-shadow:0 8px 20px #4c492e12;scroll-snap-align:start;overflow:hidden}
.sales-photo{height:320px;position:relative;overflow:hidden;background:#eee9df}
.sales-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.sales-card:hover .sales-photo img{transform:scale(1.02)}
.sales-status{position:absolute;left:16px;top:16px;padding:7px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:500;box-shadow:0 3px 10px #28302420}
.sales-status.available{background:var(--green);color:#fff}
.sales-status.reserved{background:#e6dcc5;color:var(--green)}
.sales-status.sold{background:#6d7167;color:#fff}
.sales-card-content{padding:20px 22px 25px}
.sales-card h3{font:600 30px 'Cormorant Garamond',serif;margin:0 0 2px;color:var(--green)}
.sales-meta{font:500 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--olive);margin:0 0 12px}
.sales-card-content>p:not(.sales-meta){font-size:13px;margin:0 0 16px}
.sales-link{color:var(--green);font:500 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid #b8ad96;padding-bottom:3px}
.sales-arrow{position:absolute;top:43%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:1px solid #cfc6b4;border-radius:50%;background:var(--paper);color:var(--green);font:32px/1 'Cormorant Garamond',serif;cursor:pointer;box-shadow:0 5px 14px #2830241f;display:grid;place-items:center}
.sales-arrow:hover{background:var(--green);color:#fff}
.sales-arrow:disabled{opacity:.3;cursor:default}
.sales-prev{left:0}.sales-next{right:0}
.sales-dots{display:flex;justify-content:center;gap:9px;margin-top:5px}
.sales-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c8c0af;cursor:pointer}
.sales-dot.active{background:var(--green);transform:scale(1.2)}
.sales-empty-state{max-width:900px;margin:42px auto 0;padding:50px;text-align:center;background:var(--paper);border:1px solid #ded8ca;box-shadow:0 8px 20px #4c492e12}
.sales-empty-state h3{font:500 32px/1.15 'Cormorant Garamond',serif;margin:6px 0 12px}
.sales-empty-state>p:not(.eyebrow){max-width:650px;margin:0 auto}
.sales-empty-state[hidden]{display:none}
.sales-contact{max-width:900px;margin:55px auto 0;padding:42px 50px;text-align:center;background:var(--paper);border:1px solid #ded8ca}
.sales-contact h3{font:500 32px/1.15 'Cormorant Garamond',serif;margin:6px 0 12px}
.sales-contact p:not(.eyebrow){max-width:650px;margin:0 auto}
@media(max-width:1000px){
 .sales-card{flex-basis:calc((100% - 24px)/2)}
}
@media(max-width:620px){
 .sales-carousel{padding:0 34px}
 .sales-card{flex-basis:100%}
 .sales-photo{height:360px}
 .sales-arrow{width:32px;height:32px;font-size:25px}
 .sales-contact{padding:32px 22px;margin-top:40px}
}

/* Galerie */
.photo-gallery{
    padding:90px 5vw;
    background:var(--paper);
}

.gallery-intro{
    max-width:720px;
    margin:0 auto 42px;
    text-align:center;
    color:#596052;
}

.gallery-card-grid{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    align-items:start;
}

.gallery-card{
    min-width:0;
    padding:12px 12px 16px;
    background:#fff;
    border:1px solid #ded8ca;
    border-radius:8px;
    box-shadow:0 8px 20px #4c492e12;
    overflow:hidden;
}

.gallery-photo{
    display:block;
    width:100%;
    padding:0;
    border:0;
    border-radius:6px;
    background:#eee9df;
    overflow:hidden;
    cursor:zoom-in;
}

.gallery-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    transition:transform .4s ease;
}

.gallery-photo:hover img{
    transform:scale(1.035);
}

.gallery-landscape .gallery-photo{height:235px}
.gallery-square .gallery-photo{height:300px}
.gallery-portrait .gallery-photo{height:385px}

.gallery-caption{
    margin:12px 5px 0;
    font:italic 17px/1.35 'Cormorant Garamond',serif;
    color:var(--olive);
}

.gallery-card.gallery-extra{
    display:none;
}

.gallery-card-grid.expanded .gallery-card.gallery-extra{
    display:block;
}

.gallery-more{
    text-align:center;
    margin-top:18px;
}

.gallery-more-button{
    border:0;
    border-bottom:1px solid var(--gold);
    background:transparent;
    color:var(--green);
    padding:9px 4px 7px;
    font:500 12px Inter,sans-serif;
    letter-spacing:.09em;
    text-transform:uppercase;
    cursor:pointer;
}

.gallery-more-button span{
    margin-left:8px;
    font-size:16px;
}

.gallery-hint{
    text-align:center;
    margin:18px 0 0;
    font:italic 17px 'Cormorant Garamond',serif;
    color:var(--olive);
}

/* Lightbox */
.gallery-lightbox{
    position:fixed;
    inset:0;
    z-index:1000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:60px 90px;
    background:rgba(18,23,15,.94);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s ease,visibility .25s ease;
}

.gallery-lightbox.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.lightbox-content{
    margin:0;
    max-width:min(1200px,100%);
    max-height:88vh;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.lightbox-image{
    display:block;
    max-width:100%;
    max-height:80vh;
    width:auto;
    height:auto;
    object-fit:contain;
    border-radius:6px;
    box-shadow:0 18px 55px rgba(0,0,0,.45);
}

.lightbox-caption{
    color:#eee8da;
    margin-top:12px;
    font:italic 18px 'Cormorant Garamond',serif;
}

.lightbox-close{
    position:absolute;
    top:18px;
    right:28px;
    border:0;
    background:transparent;
    color:#fff;
    font:42px/1 'Cormorant Garamond',serif;
    cursor:pointer;
}

.lightbox-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.5);
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    font:36px/1 'Cormorant Garamond',serif;
    cursor:pointer;
}

.lightbox-prev{left:24px}
.lightbox-next{right:24px}
body.lightbox-open{overflow:hidden}

@media(max-width:1000px){
    .gallery-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
    .photo-gallery{padding:65px 6vw}
    .gallery-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .gallery-card{padding:8px 8px 12px}
    .gallery-landscape .gallery-photo{height:145px}
    .gallery-square .gallery-photo{height:185px}
    .gallery-portrait .gallery-photo{height:235px}
    .gallery-caption{font-size:15px}
    .gallery-lightbox{padding:60px 48px 30px}
    .lightbox-arrow{width:38px;height:38px;font-size:29px}
    .lightbox-prev{left:6px}
    .lightbox-next{right:6px}
}

@media(max-width:430px){
    .gallery-card-grid{grid-template-columns:1fr}
    .gallery-landscape .gallery-photo{height:220px}
    .gallery-square .gallery-photo{height:285px}
    .gallery-portrait .gallery-photo{height:360px}
}

/* Verkaufstiere Details + Foto-Lightbox */
.sales-photo-button{display:block;width:100%;padding:0;border:0;cursor:zoom-in}
.sales-details{border-top:1px solid #e4ddcf;margin-top:17px;padding-top:17px}.sales-details[hidden]{display:none}
.sales-facts{margin:0 0 18px}.sales-facts div{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:6px 0;border-bottom:1px solid #eee8dc;font-size:12px}
.sales-facts dt{font-weight:500;color:var(--olive);text-transform:uppercase;letter-spacing:.05em}.sales-facts dd{margin:0}
.sales-story{font:italic 17px/1.45 'Cormorant Garamond',serif!important}.sales-more-button{border:0;border-bottom:1px solid #b8ad96;background:transparent;color:var(--green);padding:5px 0 3px;font:500 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.sales-interest{display:inline-block;color:var(--green);font:500 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid var(--gold)}
.sales-lightbox{position:fixed;inset:0;z-index:1100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(18,23,15,.94);opacity:0;visibility:hidden;pointer-events:none}.sales-lightbox.open{opacity:1;visibility:visible;pointer-events:auto}
.sales-lightbox-image{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:6px}.sales-lightbox-caption{color:#eee8da;font:italic 18px 'Cormorant Garamond',serif}.sales-lightbox-close{position:absolute;top:18px;right:28px;border:0;background:transparent;color:white;font-size:42px;cursor:pointer}

/* Verkaufstiere - mehrere Fotos pro Tier */
.sales-lightbox-content{margin:0;display:flex;flex-direction:column;align-items:center;max-width:min(1100px,90vw)}
.sales-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font:36px/1 'Cormorant Garamond',serif;cursor:pointer;display:grid;place-items:center}
.sales-lightbox-prev{left:24px}.sales-lightbox-next{right:24px}
.sales-lightbox-dots{display:flex;gap:8px;justify-content:center;margin-top:10px}
.sales-lightbox-dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#aaa392;cursor:pointer}
.sales-lightbox-dot.active{background:#fff;transform:scale(1.2)}
.sales-lightbox-counter{margin-top:7px;color:#d8d1c3;font:12px Inter,sans-serif;letter-spacing:.08em}
.sales-lightbox-arrow[hidden]{display:none}
@media(max-width:620px){.sales-lightbox-arrow{width:38px;height:38px;font-size:29px}.sales-lightbox-prev{left:6px}.sales-lightbox-next{right:6px}}

/* Hinweis zu weiteren Verkaufstier-Fotos */
.sales-photo-info{
    max-width:720px;
    margin:18px auto 0;
    padding:12px 18px;
    text-align:center;
    color:var(--olive);
    background:rgba(251,248,241,.65);
    border-top:1px solid #ded8ca;
    border-bottom:1px solid #ded8ca;
    font:italic 17px/1.45 'Cormorant Garamond',serif;
}
.sales-photo-info span{
    margin-right:6px;
    font-style:normal;
}

/* Über Shetlandschafe - fixed image + expandable details */
.breed-section{
    background:var(--cream);
    border-top:1px solid #e3dccf;
    border-bottom:1px solid #e3dccf;
}

.breed-intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
}

.breed-copy{
    padding:80px 8vw;
}

.breed-copy > p:not(.eyebrow){
    max-width:680px;
}

.breed-image{
    width:100%;
    height:520px;
    background:url('assets/images/uebershetlandschafe.jpeg') center/cover no-repeat;
}

.breed-more-button{
    margin-top:14px;
    padding:9px 3px 7px;
    border:0;
    border-bottom:1px solid var(--gold);
    background:transparent;
    color:var(--green);
    font:500 12px Inter,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    cursor:pointer;
}

.breed-more-button span{
    margin-left:8px;
    font-size:16px;
}

.breed-details{
    max-width:1180px;
    margin:0 auto;
    padding:10px 5vw 80px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.breed-details[hidden]{
    display:none;
}

.breed-details article{
    background:var(--paper);
    border:1px solid #ded8ca;
    padding:30px;
    box-shadow:0 8px 20px #4c492e12;
}

.breed-details h3{
    margin:0 0 15px;
    color:var(--green);
    font:500 30px/1.15 'Cormorant Garamond',serif;
}

.breed-details p{
    font-size:14px;
}

@media(max-width:1000px){
    .breed-intro{
        grid-template-columns:1fr;
    }

    .breed-image{
        height:420px;
        order:-1;
    }

    .breed-copy{
        padding:65px 8vw;
    }

    .breed-details{
        grid-template-columns:1fr;
        max-width:850px;
    }
}

@media(max-width:620px){
    .breed-image{
        height:330px;
    }

    .breed-copy{
        padding:55px 6vw;
    }

    .breed-details{
        padding:5px 6vw 65px;
        gap:18px;
    }

    .breed-details article{
        padding:25px 23px;
    }
}

/* Admin-only helper (safe to leave in front-end stylesheet, scoped to admin body class) */
.wp-admin .kreisberg-gallery-preview img{max-width:80px;height:auto;margin:4px;border:1px solid #ccd0d4}