/* Kalna Spuļļu dīķi — Lapenes v15
   Atsevišķs stils tikai lapenes.php lapai.
*/

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.lapenes-page {
    margin: 0;
    overflow-x: hidden;
    background: #f5f1e7;
    color: #0b4338;
    font-family: "DM Sans", sans-serif;
}

.lapenes-page img {
    max-width: 100%;
}

.lp-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.lp-kicker {
    display: block;
    margin-bottom: 10px;
    color: #e5b92d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.lp-btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 14px;
    padding: 13px 18px;
    text-decoration: none;
    font-weight: 800;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.lp-btn:hover {
    transform: translateY(-2px);
}

.lp-btn--primary {
    background: #f4c93f;
    color: #102f29;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
}

.lp-btn--ghost {
    border: 1px solid rgba(255, 255, 255, .8);
    color: #fff;
    background: rgba(4, 48, 40, .46);
    backdrop-filter: blur(7px);
}

.lp-btn__arrow {
    margin-left: auto;
}

.lp-btn__icon {
    font-size: 16px;
}


/* HERO */

.lp-hero {
    min-height: 640px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #073f34;
}

.lp-hero__image,
.lp-hero__shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.lp-hero__image {
    object-fit: cover;
    object-position: center 60%;
}

.lp-hero__shade {
    background:
        linear-gradient(
            90deg,
            rgba(3, 43, 36, .96) 0%,
            rgba(3, 43, 36, .78) 39%,
            rgba(3, 43, 36, .26) 74%,
            rgba(3, 43, 36, .14) 100%
        ),
        linear-gradient(
            0deg,
            rgba(2, 32, 27, .45) 0%,
            transparent 45%
        );
}

.lp-hero__content {
    position: relative;
    z-index: 2;
    padding-block: 72px 76px;
}

.lp-hero__content h1 {
    max-width: 700px;
    margin: 0 0 18px;
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: clamp(48px, 6vw, 82px);
    line-height: .98;
    letter-spacing: -1.8px;
}

.lp-hero__content p {
    max-width: 590px;
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 18px;
    line-height: 1.62;
}

.lp-hero__actions {
    max-width: 540px;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 12px;
    margin-top: 28px;
}


/* FACTS */

.lp-facts-wrap {
    position: relative;
    z-index: 3;
    margin-top: -28px;
}

.lp-facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 22px;
    background:
        linear-gradient(145deg, #0c4d40, #073b31);
    box-shadow: 0 18px 46px rgba(2, 47, 39, .22);
}

.lp-fact {
    min-height: 114px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
    background: rgba(255, 255, 255, .025);
}

.lp-fact__icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f4c93f;
    background: rgba(244, 201, 63, .11);
    font-size: 25px;
    font-weight: 800;
}

.lp-fact strong,
.lp-fact span {
    display: block;
}

.lp-fact strong {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
}

.lp-fact span {
    margin-top: 5px;
    color: #bcd0ca;
    font-size: 13px;
    line-height: 1.35;
}


/* CARDS */

.lp-choices {
    padding: 78px 0 72px;
}

.lp-section-head {
    max-width: 760px;
    margin-bottom: 32px;
}

.lp-section-head .lp-kicker {
    color: #b58712;
}

.lp-section-head h2,
.lp-info h2,
.lp-cta h2 {
    margin: 0;
    color: #0a4137;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 5vw, 58px);
    line-height: 1.06;
    letter-spacing: -.7px;
}

.lp-section-head p {
    max-width: 720px;
    margin: 12px 0 0;
    color: #687872;
    font-size: 16px;
    line-height: 1.65;
}

.lp-cards {
    display: grid;
    gap: 18px;
}

.lp-card {
    min-height: 300px;
    display: grid;
    grid-template-columns: minmax(320px, .92fr) 1.08fr;
    overflow: hidden;
    border: 1px solid #e1ddd2;
    border-radius: 22px;
    background: #fffdf8;
    box-shadow: 0 13px 34px rgba(39, 69, 60, .09);
}

.lp-card__photo {
    min-height: 300px;
    position: relative;
    overflow: hidden;
    background: #d9dfda;
}

.lp-card__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}

.lp-card:hover .lp-card__photo img {
    transform: scale(1.02);
}

.lp-card__number {
    position: absolute;
    left: 18px;
    bottom: 18px;
    min-width: 54px;
    height: 44px;
    display: grid;
    place-items: center;
    padding-inline: 13px;
    border-radius: 13px;
    color: #f4c93f;
    background: rgba(4, 62, 51, .93);
    font-weight: 800;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
}

.lp-card__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 26px 28px;
}

.lp-card__kicker {
    display: block;
    margin-bottom: 5px;
    color: #b58712;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.lp-card__body h3 {
    margin: 0 0 9px;
    color: #0d4036;
    font-family: "Playfair Display", serif;
    font-size: 34px;
    line-height: 1.1;
}

.lp-card__body p {
    margin: 0;
    color: #66756f;
    font-size: 15px;
    line-height: 1.55;
}

.lp-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px 0 12px;
}

.lp-tags span {
    padding: 8px 11px;
    border-radius: 999px;
    color: #31564e;
    background: #f1efe7;
    font-size: 12px;
    font-weight: 700;
}

.lp-card__book {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border-radius: 12px;
    background: #f4c93f;
    color: #12362f;
    text-decoration: none;
    font-weight: 800;
    transition: transform .18s ease, box-shadow .18s ease;
}

.lp-card__book:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(205, 159, 20, .2);
}


/* INFO */

.lp-info {
    padding: 0 0 72px;
}

.lp-info__grid {
    display: grid;
    grid-template-columns: 1fr .72fr;
    gap: 22px;
    align-items: stretch;
}

.lp-info__box,
.lp-info__photo {
    border: 1px solid #dfdbd0;
    border-radius: 22px;
    overflow: hidden;
    background: #fffdf8;
    box-shadow: 0 12px 34px rgba(39, 69, 60, .07);
}

.lp-info__box {
    padding: 34px;
}

.lp-info__box .lp-kicker {
    color: #b58712;
}

.lp-info__box h2 {
    font-size: 44px;
}

.lp-info__box > p {
    margin: 12px 0 25px;
    color: #687872;
    line-height: 1.65;
}

.lp-info__rows {
    border-top: 1px solid #e0dcd2;
}

.lp-info__rows > div {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 15px 0;
    border-bottom: 1px solid #e7e3d8;
}

.lp-info__rows span {
    color: #214b42;
    font-weight: 700;
}

.lp-info__rows strong {
    color: #6c736f;
    text-align: right;
}

.lp-info__photo img {
    width: 100%;
    height: 100%;
    min-height: 400px;
    object-fit: cover;
    display: block;
}


/* CTA */

.lp-cta {
    padding: 0 0 70px;
}

.lp-cta__inner {
    min-height: 210px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 38px 42px;
    border-radius: 24px;
    background:
        linear-gradient(90deg, rgba(3, 54, 45, .97), rgba(3, 54, 45, .78)),
        url("https://kalnaspulles.lv/wp-content/uploads/2019/07/IMG_9714.jpg")
        center 58% / cover no-repeat;
}

.lp-cta__inner .lp-kicker {
    margin-bottom: 6px;
}

.lp-cta h2 {
    color: #fff;
    font-size: 44px;
}

.lp-cta p {
    max-width: 620px;
    margin: 8px 0 0;
    color: #c5d7d1;
    line-height: 1.55;
}

.lp-cta .lp-btn {
    flex: 0 0 auto;
}


/* TABLET */

@media (max-width: 900px) {

    .lp-hero {
        min-height: 600px;
    }

    .lp-hero__shade {
        background:
            linear-gradient(
                90deg,
                rgba(3, 43, 36, .93) 0%,
                rgba(3, 43, 36, .72) 60%,
                rgba(3, 43, 36, .35) 100%
            ),
            linear-gradient(
                0deg,
                rgba(2, 32, 27, .46) 0%,
                transparent 48%
            );
    }

    .lp-facts {
        grid-template-columns: 1fr 1fr;
    }

    .lp-card {
        grid-template-columns: 1fr 1fr;
    }

    .lp-card__photo {
        min-height: 310px;
    }

    .lp-info__grid {
        grid-template-columns: 1fr;
    }

    .lp-info__photo {
        display: none;
    }
}


/* MOBILE */

@media (max-width: 620px) {

    .lp-container {
        width: min(100% - 24px, 1180px);
    }

    .lp-hero {
        min-height: 690px;
        align-items: flex-end;
    }

    .lp-hero__image {
        object-position: 57% center;
    }

    .lp-hero__shade {
        background:
            linear-gradient(
                90deg,
                rgba(2, 42, 35, .88) 0%,
                rgba(2, 42, 35, .50) 70%,
                rgba(2, 42, 35, .22) 100%
            ),
            linear-gradient(
                0deg,
                rgba(1, 36, 30, .97) 0%,
                rgba(1, 36, 30, .72) 40%,
                rgba(1, 36, 30, .20) 78%
            );
    }

    .lp-hero__content {
        padding-top: 120px;
        padding-bottom: 48px;
    }

    .lp-hero__content h1 {
        max-width: 95%;
        margin-bottom: 15px;
        font-size: clamp(45px, 13.2vw, 62px);
        line-height: .96;
        letter-spacing: -1.2px;
    }

    .lp-hero__content p {
        max-width: 94%;
        font-size: 16px;
        line-height: 1.55;
    }

    .lp-hero__actions {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 24px;
    }

    .lp-btn {
        width: 100%;
        min-height: 54px;
    }

    .lp-facts-wrap {
        margin-top: 0;
        padding: 12px 0 0;
        background: #073f34;
    }

    .lp-facts {
        width: calc(100% - 24px);
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 0 0 12px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }

    .lp-fact {
        min-height: 118px;
        display: block;
        padding: 16px;
        border-radius: 14px;
    }

    .lp-fact__icon {
        width: 40px;
        height: 40px;
        margin-bottom: 12px;
        font-size: 21px;
    }

    .lp-fact strong {
        font-size: 15px;
    }

    .lp-fact span {
        font-size: 12px;
    }

    .lp-choices {
        padding: 52px 0 54px;
    }

    .lp-section-head {
        margin-bottom: 24px;
    }

    .lp-section-head .lp-kicker {
        margin-bottom: 7px;
    }

    .lp-section-head h2 {
        font-size: 38px;
    }

    .lp-section-head p {
        font-size: 15px;
        line-height: 1.55;
    }

    .lp-card {
        min-height: 0;
        grid-template-columns: 1fr;
        border-radius: 18px;
    }

    .lp-card__photo {
        min-height: 220px;
        height: 220px;
    }

    .lp-card__number {
        left: 14px;
        bottom: 14px;
    }

    .lp-card__body {
        padding: 20px;
    }

    .lp-card__body h3 {
        font-size: 30px;
    }

    .lp-card__body p {
        font-size: 14px;
    }

    .lp-tags {
        margin-top: 16px;
    }

    .lp-tags span {
        font-size: 11px;
    }

    .lp-card__book {
        min-height: 50px;
    }

    .lp-info {
        padding-bottom: 54px;
    }

    .lp-info__box {
        padding: 24px 20px;
        border-radius: 18px;
    }

    .lp-info__box h2 {
        font-size: 36px;
    }

    .lp-info__box > p {
        font-size: 14px;
    }

    .lp-info__rows > div {
        display: grid;
        gap: 5px;
        padding: 14px 0;
    }

    .lp-info__rows strong {
        text-align: left;
        font-size: 14px;
    }

    .lp-cta {
        padding-bottom: 18px;
    }

    .lp-cta__inner {
        width: calc(100% - 24px);
        min-height: 0;
        display: block;
        padding: 28px 22px;
        border-radius: 18px;
        background:
            linear-gradient(
                90deg,
                rgba(3, 54, 45, .98),
                rgba(3, 54, 45, .73)
            ),
            url("https://kalnaspulles.lv/wp-content/uploads/2019/07/IMG_9714.jpg")
            center 58% / cover no-repeat;
    }

    .lp-cta h2 {
        font-size: 36px;
    }

    .lp-cta p {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .lp-cta .lp-btn {
        width: auto;
    }
}

.lp-hero--clean{min-height:0;display:block;background:#f5f1e7;color:#0b4338;overflow:visible}
.lp-hero__layout{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:48px;padding-block:55px 38px}
.lp-hero--clean .lp-hero__content{padding:0}
.lp-hero--clean .lp-kicker{color:#b58712}
.lp-hero--clean .lp-hero__content h1{font-size:clamp(39px,4.1vw,64px);color:#0b4338;line-height:1.07}
.lp-hero--clean .lp-hero__content p{color:#657b73}
.lp-hero--clean .lp-hero__actions{display:flex;flex-wrap:wrap;max-width:none}
.lp-hero--clean .lp-btn--ghost{background:#fff;color:#0b4338;border:1px solid #d9d8cd;backdrop-filter:none}
.lp-hero__visual{height:295px;overflow:hidden;border-radius:22px;box-shadow:0 18px 35px #173d3219}
.lp-hero__visual img{width:100%;height:100%;display:block;object-fit:cover}
.lp-choices{padding:42px 0 70px}
.lp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lp-card{display:flex;flex-direction:column;min-height:0;border-radius:22px;overflow:hidden}
.lp-card__photo{min-height:0;height:220px;background:#e9ece6}
.lp-card__photo img{height:100%}
.lp-card__photo-note{position:absolute;top:14px;left:14px;border-radius:12px;background:#fff5dc;color:#174639;font-size:11px;font-weight:800;padding:8px 11px}
.lp-card__placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#71877d;text-align:center;font-size:14px}
.lp-card__placeholder-mark{width:74px;height:56px;border:2px solid #b4c2b8;border-radius:10px;position:relative}
.lp-card__placeholder-mark:before{content:"";position:absolute;top:9px;right:10px;width:13px;height:13px;border:2px solid #b4c2b8;border-radius:50%}
.lp-card__placeholder-mark:after{content:"";position:absolute;left:10px;bottom:9px;width:44px;height:25px;border-left:2px solid #b4c2b8;border-bottom:2px solid #b4c2b8;transform:skewY(-24deg)}
.lp-card__body{flex:1;gap:9px;padding:21px}
.lp-card__body h3{font-size:28px}
.lp-card__body p{font-size:14px}
.lp-card__footer{margin-top:auto}
.lp-card__price{font-weight:800;font-size:22px;margin:16px 0 12px}
.lp-card__price small{font-weight:600;font-size:13px;color:#76857f}
.lp-card__book{background:#073b31;color:#fff}
.lp-card__book:hover{box-shadow:0 9px 22px #073b3135}
@media(max-width:950px){.lp-hero__layout{grid-template-columns:1fr;gap:22px}.lp-hero__visual{height:270px}.lp-cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.lp-hero__layout{padding-block:28px}.lp-hero--clean .lp-hero__content h1{font-size:39px}.lp-hero--clean .lp-hero__actions{display:grid;grid-template-columns:1fr}.lp-cards{grid-template-columns:1fr}.lp-card__photo{height:230px}.lp-choices{padding-top:30px}}

/* v2: kompakts sākums, viens īstās fotogrāfijas akcents apakšā */
.lp-hero--clean .lp-hero__layout{display:block;max-width:1180px;padding:43px 0 16px}
.lp-hero--clean .lp-hero__content{max-width:850px}
.lp-hero--clean .lp-hero__content h1{margin:10px 0 18px;max-width:850px}
.lp-hero--clean .lp-hero__content p{max-width:690px;font-size:17px}
.lp-hero--clean .lp-hero__actions{margin-top:25px}
.lp-choices{padding-top:24px;padding-bottom:42px}
.lp-facts{padding:0 0 33px;background:#f5f1e7}
.lp-facts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-fact{min-height:112px;padding:23px 26px;background:#fffdfa;border:1px solid #e9e1d3;border-radius:20px;box-shadow:0 12px 28px #263b3010;display:flex;flex-direction:column;gap:8px}
.lp-fact__label{color:#61766e;font-weight:700;font-size:13px}
.lp-fact strong{font-size:20px;color:#073b31;line-height:1.3}
.lp-cta{padding:0 0 55px}
.lp-cta .lp-cta__inner{
    background:linear-gradient(90deg,rgba(4,45,36,.88) 0%,rgba(4,45,36,.59) 46%,rgba(4,45,36,.10) 100%),url("../images/atputas-vietas.jpg") center 52%/cover no-repeat;
    min-height:238px;border-radius:24px;border:1px solid #d9dfd1;
}
@media(max-width:860px){
.lp-facts__grid{grid-template-columns:1fr;gap:11px}
.lp-fact{min-height:0;padding:18px 20px}
.lp-cta .lp-cta__inner{background-position:center center}
}
@media(max-width:620px){
.lp-hero--clean .lp-hero__layout{padding:30px 0 10px}
.lp-hero--clean .lp-hero__content h1{font-size:38px}
.lp-cta .lp-cta__inner{
    background:linear-gradient(90deg,rgba(4,45,36,.91),rgba(4,45,36,.52)),url("../images/atputas-vietas.jpg") center/cover no-repeat;
}
}

/* V3: noņemts atkārtotais informācijas bloks; foto CTA uzreiz zem lapenēm. */
.lapenes-page .lp-choices{padding-bottom:24px !important;}
.lapenes-page .lp-cta{padding:0 0 56px !important; margin:0 !important;}
.lapenes-page .lp-cta__inner{
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  min-height:230px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:25px !important;
  padding:36px 42px !important;
  background:linear-gradient(90deg,rgba(3,45,36,.9) 0%,rgba(3,45,36,.66) 55%,rgba(3,45,36,.12) 100%),url('../images/atputas-vietas.jpg') center 52%/cover no-repeat !important;
  border-radius:23px !important;
}
.lapenes-page .lp-cta h2{color:#fff !important;}
.lapenes-page .lp-cta p{color:#fff !important;}
@media(max-width:620px){
  .lapenes-page .lp-cta__inner{width:calc(100% - 24px) !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;padding:28px 22px !important;min-height:240px !important;background:linear-gradient(90deg,rgba(3,45,36,.95),rgba(3,45,36,.52)),url('../images/atputas-vietas.jpg') center/cover no-repeat !important;}
  .lapenes-page .lp-cta .lp-btn{width:100% !important;}
}

/* v4 — atjaunota galvenā fotogrāfija līdzās ievadam; novērsta v2 display:block pārrakstīšana */
.lapenes-page .lp-hero--clean .lp-hero__layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,.85fr) !important;
    align-items:center;
    width:min(1180px,calc(100% - 40px));
    gap:34px;
    padding:42px 0 32px;
}
.lapenes-page .lp-hero--clean .lp-hero__content{min-width:0;max-width:unset}
.lapenes-page .lp-hero--clean .lp-hero__content h1{font-size:clamp(34px,3.6vw,56px)}
.lapenes-page .lp-hero__visual{display:block;height:375px;border-radius:22px;overflow:hidden}
.lapenes-page .lp-hero__visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media(max-width:850px){
 .lapenes-page .lp-hero--clean .lp-hero__layout{grid-template-columns:1fr !important;gap:24px;padding:30px 0 24px}
 .lapenes-page .lp-hero__visual{height:290px}
}
@media(max-width:500px){.lapenes-page .lp-hero__visual{height:230px}}