/* =========================================================== Premier Griesti — stils (ģenerēts no duomenys.py / generuoti.py) Krāsas tiek ievietotas :root caur katrā lapā. =========================================================== */ * { margin: 0; padding: 0; box-sizing: border-box; } :root { --pagrindine: #1b3a5b; --pagrindine2: #234d77; --akcentas: #e0a334; --akcentas-tamsus: #c4881f; --tekstas: #243240; --tekstas-silpnas: #5d6b78; --fonas: #ffffff; --fonas2: #f4f7fa; --linija: #e2e8ef; --radius: 14px; --shadow: 0 10px 30px rgba(27,58,91,.08); --shadow-lg: 0 20px 50px rgba(27,58,91,.14); --max: 1180px; --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; } html { scroll-behavior: smooth; } body { font-family: var(--font); color: var(--tekstas); background: var(--fonas); line-height: 1.65; font-size: 17px; -webkit-font-smoothing: antialiased; } img { max-width: 100%; display: block; } a { color: var(--pagrindine2); text-decoration: none; } a:hover { color: var(--akcentas-tamsus); } .konteineris { max-width: var(--max); margin: 0 auto; padding: 0 20px; } h1, h2, h3 { line-height: 1.2; color: var(--pagrindine); font-weight: 800; letter-spacing: -.01em; } h1 { font-size: clamp(1.9rem, 4.5vw, 3rem); } h2 { font-size: clamp(1.5rem, 3.5vw, 2.2rem); } h3 { font-size: 1.22rem; } p { margin: 0 0 1rem; } section { padding: 70px 0; } .fonas2 { background: var(--fonas2); } /* --- Pogas --- */ .btn { display: inline-flex; align-items: center; gap: .5em; padding: 15px 30px; border-radius: 50px; font-weight: 700; font-size: 1.02rem; border: 2px solid transparent; cursor: pointer; transition: .2s; text-align: center; } .btn-akcentas { background: var(--akcentas); color: #2a1c00; box-shadow: 0 8px 20px rgba(224,163,52,.35); } .btn-akcentas:hover { background: var(--akcentas-tamsus); color: #2a1c00; transform: translateY(-2px); } .btn-balts { background: #fff; color: var(--pagrindine); } .btn-balts:hover { background: var(--fonas2); color: var(--pagrindine); } .btn-lin { background: transparent; border-color: var(--pagrindine); color: var(--pagrindine); } .btn-lin:hover { background: var(--pagrindine); color:#fff; } .btn-liels { padding: 17px 38px; font-size: 1.1rem; } /* --- Galvene --- */ .galvene { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.96); backdrop-filter: blur(10px); border-bottom: 1px solid var(--linija); } .galvene-in { display: flex; align-items: center; justify-content: space-between; gap: 22px; height: 76px; } .logo { font-size: 1.3rem; font-weight: 800; color: var(--pagrindine); display: flex; align-items: center; gap: .5em; flex-shrink: 0; } .logo b { color: var(--akcentas); } .logo img { height: 52px; width: auto; display: block; } .nav { display: flex; align-items: center; gap: 20px; } .nav a { white-space: nowrap; } .nav a { color: var(--tekstas); font-weight: 600; font-size: .97rem; } .nav a:hover { color: var(--akcentas-tamsus); } .nav .nav-tel { color: var(--pagrindine); font-weight: 800; } .izvelne-poga { display: none; background: none; border: 0; cursor: pointer; padding: 8px; } .izvelne-poga span { display: block; width: 26px; height: 3px; background: var(--pagrindine); margin: 5px 0; border-radius: 2px; transition: .2s; } /* Dropdown */ .nolaizams { position: relative; } .nolaizams-saturs { position: absolute; top: 100%; left: 0; background: #fff; min-width: 280px; box-shadow: var(--shadow-lg); border-radius: 12px; padding: 10px; display: none; flex-direction: column; } .nolaizams:hover .nolaizams-saturs { display: flex; } .nolaizams-saturs a { padding: 9px 14px; border-radius: 8px; font-size: .92rem; } .nolaizams-saturs a:hover { background: var(--fonas2); } /* --- Hero --- */ .hero { position: relative; color: #fff; background: linear-gradient(135deg, var(--pagrindine) 0%, var(--pagrindine2) 100%); background-size: cover; background-position: center; overflow: hidden; } .hero::after { content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at 80% 20%, rgba(255,166,51,.20), transparent 45%); } .hero-in { position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; padding: 70px 0 80px; } .hero h1 { color: #fff; margin-bottom: 18px; } .hero p.lead { font-size: 1.2rem; color: #d7e3f0; margin-bottom: 28px; max-width: 560px; } .hero-pogas { display: flex; gap: 14px; flex-wrap: wrap; } .hero-trust { display: flex; gap: 26px; margin-top: 34px; flex-wrap: wrap; } .hero-trust div { font-size: .92rem; color: #cfe0f0; } .hero-trust b { display: block; font-size: 1.7rem; color: var(--akcentas); font-weight: 800; } /* Hero forma */ .forma-karte { background: #fff; border-radius: 18px; padding: 28px; box-shadow: var(--shadow-lg); color: var(--tekstas); } .forma-karte h3 { font-size: 1.3rem; margin-bottom: 6px; } .forma-karte p.maza { color: var(--tekstas-silpnas); font-size: .9rem; margin-bottom: 16px; } .forma label { display:block; font-size:.85rem; font-weight:600; margin: 10px 0 5px; } .forma input, .forma textarea, .forma select { width: 100%; padding: 13px 15px; border: 1.5px solid var(--linija); border-radius: 10px; font-size: 1rem; font-family: var(--font); transition: .15s; background:#fff; } .forma input:focus, .forma textarea:focus, .forma select:focus { outline: none; border-color: var(--akcentas); box-shadow: 0 0 0 3px rgba(224,163,52,.15); } .forma .btn { width: 100%; justify-content: center; margin-top: 16px; } .forma .privatumas { font-size: .78rem; color: var(--tekstas-silpnas); margin-top: 12px; text-align:center; } .honey { position:absolute !important; left:-9999px !important; } /* --- Stats josla --- */ .stats { background: var(--pagrindine); color:#fff; } .stats .konteineris { display:flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; padding: 36px 20px; } .stats .vienums { text-align:center; } .stats .vienums b { display:block; font-size: 2.1rem; color: var(--akcentas); font-weight: 800; } .stats .vienums span { font-size: .95rem; color:#cfe0f0; } /* --- Sekciju virsraksti --- */ .sek-galva { text-align:center; max-width: 720px; margin: 0 auto 46px; } .sek-galva .uzraksts { color: var(--akcentas-tamsus); font-weight: 800; text-transform: uppercase; letter-spacing: .12em; font-size: .82rem; } .sek-galva h2 { margin: 8px 0 12px; } .sek-galva p { color: var(--tekstas-silpnas); font-size: 1.08rem; } /* --- Karšu režģis --- */ .rezgis { display:grid; gap: 24px; } .rezgis-3 { grid-template-columns: repeat(3, 1fr); } .rezgis-2 { grid-template-columns: repeat(2, 1fr); } .rezgis-4 { grid-template-columns: repeat(4, 1fr); } .karte { background:#fff; border:1px solid var(--linija); border-radius: var(--radius); overflow:hidden; transition:.2s; } .karte:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: transparent; } .karte .att { aspect-ratio: 16/10; width:100%; object-fit: cover; background: var(--fonas2); } .karte .karte-body { padding: 20px 22px 24px; } .karte h3 { margin-bottom: 8px; } .karte p { color: var(--tekstas-silpnas); font-size: .96rem; margin-bottom: 12px; } .karte .saite { font-weight: 700; color: var(--akcentas-tamsus); font-size:.93rem; } /* Priekšrocības */ .prieks { background:#fff; border:1px solid var(--linija); border-radius: var(--radius); padding: 26px; } .prieks .ik { width: 52px; height: 52px; border-radius: 12px; background: rgba(224,163,52,.14); display:flex; align-items:center; justify-content:center; margin-bottom:16px; } .prieks .ik svg { width: 28px; height: 28px; stroke: var(--akcentas-tamsus); } .prieks h3 { font-size: 1.1rem; margin-bottom: 6px; } .prieks p { color: var(--tekstas-silpnas); font-size: .95rem; margin:0; } /* Posmi */ .posmi { counter-reset: posms; display:grid; grid-template-columns: repeat(4,1fr); gap: 24px; } .posms { position:relative; padding-top: 14px; } .posms .nr { width:46px; height:46px; border-radius:50%; background: var(--pagrindine); color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:1.2rem; margin-bottom: 14px; } .posms h3 { font-size: 1.08rem; margin-bottom: 6px; } .posms p { color: var(--tekstas-silpnas); font-size:.94rem; margin:0; } /* Galerija */ .galerija { display:grid; grid-template-columns: repeat(4,1fr); gap: 14px; } .galerija a { border-radius: 12px; overflow:hidden; display:block; aspect-ratio: 1/1; } .galerija img { width:100%; height:100%; object-fit: cover; transition:.3s; } .galerija a:hover img { transform: scale(1.07); } /* Atsauksmes */ .atsauksme { background:#fff; border:1px solid var(--linija); border-radius: var(--radius); padding: 26px; } .atsauksme .zvaigznes { color: var(--akcentas); letter-spacing: 2px; margin-bottom: 10px; } .atsauksme p { font-style: italic; color: var(--tekstas); } .atsauksme .vards { font-weight: 700; color: var(--pagrindine); margin-top: 10px; } /* BUJ akordeons */ .buj { max-width: 820px; margin: 0 auto; } .buj details { background:#fff; border:1px solid var(--linija); border-radius: 12px; margin-bottom: 12px; overflow:hidden; } .buj summary { padding: 18px 22px; font-weight: 700; color: var(--pagrindine); cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap: 12px; } .buj summary::-webkit-details-marker { display:none; } .buj summary::after { content:"+"; color: var(--akcentas-tamsus); font-size:1.5rem; line-height:1; } .buj details[open] summary::after { content:"–"; } .buj details p { padding: 0 22px 20px; color: var(--tekstas-silpnas); margin:0; } /* CTA josla */ .cta-josla { background: linear-gradient(135deg, var(--pagrindine), var(--pagrindine2)); color:#fff; border-radius: 20px; padding: 48px; text-align:center; } .cta-josla h2 { color:#fff; margin-bottom: 10px; } .cta-josla p { color:#d7e3f0; max-width: 560px; margin: 0 auto 24px; } .cta-josla .btn-akcentas { font-size:1.1rem; } /* Pilsētu saraksts */ .miesti { display:grid; grid-template-columns: repeat(5, 1fr); gap: 8px 18px; } .miesti a { color: var(--tekstas-silpnas); font-size: .92rem; padding: 4px 0; } .miesti a:hover { color: var(--akcentas-tamsus); } .miesti-grupa h3 { font-size: 1rem; color: var(--pagrindine); margin: 18px 0 8px; } /* Breadcrumbs */ .celins { font-size: .85rem; color: var(--tekstas-silpnas); padding: 14px 0; } .celins a { color: var(--tekstas-silpnas); } .celins a:hover { color: var(--akcentas-tamsus); } /* Raksta saturs (pilsētu lapas) */ .saturs { max-width: 820px; } .saturs h2 { margin: 32px 0 12px; } .saturs h3 { margin: 24px 0 8px; } .saturs ul { margin: 0 0 1rem 1.2rem; color: var(--tekstas); } .saturs li { margin-bottom: 6px; } .izcelt { background: var(--fonas2); border-left: 4px solid var(--akcentas); border-radius: 8px; padding: 18px 22px; margin: 22px 0; } /* Kājene */ .kajene { background: #142c44; color:#b9cadb; padding: 56px 0 26px; font-size:.93rem; } .kajene a { color:#b9cadb; } .kajene a:hover { color: var(--akcentas); } .kajene h4 { color:#fff; font-size:1.05rem; margin-bottom: 14px; } .kajene-top { display:grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 34px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.1); } .kajene-logo { font-size: 1.3rem; font-weight:800; color:#fff; margin-bottom: 12px; } .kajene-logo b { color: var(--akcentas); } .kajene ul { list-style:none; } .kajene ul li { margin-bottom: 8px; } .kajene-apaksa { padding-top: 22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:.85rem; color:#8197ab; } /* Mobilā zvana poga */ .zvana-poga { display:none; position: fixed; bottom: 16px; left: 16px; right: 16px; z-index: 200; } .zvana-poga .btn { width:100%; justify-content:center; box-shadow: var(--shadow-lg); } /* --- Responsīvs --- */ @media (max-width: 1024px) { .nav { display: none; position: absolute; top: 76px; left:0; right:0; background:#fff; flex-direction: column; padding: 14px 20px; gap: 4px; box-shadow: var(--shadow-lg); align-items: stretch; } .nav.atvert { display: flex; } .nav a { padding: 12px 8px; border-bottom: 1px solid var(--fonas2); white-space: normal; } .nav .btn { margin-top: 8px; justify-content:center; } .nolaizams-saturs { position: static; display: flex; box-shadow:none; padding: 0 0 0 14px; min-width:0; } .nolaizams:hover .nolaizams-saturs { display:flex; } .izvelne-poga { display: block; } } @media (max-width: 960px) { .hero-in { grid-template-columns: 1fr; gap: 30px; padding: 48px 0 60px; } .rezgis-3, .rezgis-4 { grid-template-columns: repeat(2, 1fr); } .posmi { grid-template-columns: repeat(2,1fr); } .galerija { grid-template-columns: repeat(3,1fr); } .miesti { grid-template-columns: repeat(3,1fr); } .kajene-top { grid-template-columns: 1fr 1fr; } } @media (max-width: 640px) { body { font-size: 16px; padding-bottom: 78px; } section { padding: 50px 0; } .rezgis-2, .rezgis-3, .rezgis-4, .posmi { grid-template-columns: 1fr; } .galerija { grid-template-columns: repeat(2,1fr); } .miesti { grid-template-columns: repeat(2,1fr); } .kajene-top { grid-template-columns: 1fr; } .cta-josla { padding: 32px 22px; } .zvana-poga { display: block; } .hero-trust { gap: 18px; } }