/* ======================== */
/* ESIJOŠAIS CSS            */
/* ======================== */

/* [FIX] LCP uzlabojums: nivoSlider CSS pēc noklusējuma paslēpj VISUS
   attēlus (display:none), ieskaitot pirmo, kamēr JS neizpildās. Tas
   nozīmē lapas galvenais redzamais elements (LCP) vienmēr gaida pilnu
   JS ielādes ķēdi. Šis override padara PIRMO attēlu redzamu uzreiz -
   nivoSlider() vēlāk to jebkurā gadījumā pareizi pārvaldīs kā aktīvo
   slaidu, tāpēc konflikta nav. */
.nivoSlider img:first-child {
    display: block !important;
}
body { 
    font-family: "Droid Sans",Helvetica,Arial,sans-serif;
    text-align: center;
    margin: 0px auto;
    padding: 0px;
    background: #fafafa url('/images/bg.png');    
    font-size: 12px;
}

h1, h2, h3, h4 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

.wrapper {
    text-align: left;
    width: 860px;
    margin: 20px auto 0 auto;  
    border-top: 5px solid #000;
    box-shadow: 0 0 6px #B7B7B7;
    background: #f9f9f9;
}

.wrapper_inner {
    margin: 10px 20px 20px 20px;
    display: inline-block;
}

.header_top {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    background: #f9f9f9;
    box-shadow: 0px 0px 3px #ccc;
}

.contacts_top {
    float: left;
    font-size: 12px;
    margin-left: 20px;
}

/* [FIX] "Pieteikties"/"Atsauksmes" ātrās saites - pēc noklusējuma
   (datorā) paslēptas. Mobilajā media query zemāk tās tiek parādītas
   ar 'display:flex'. */
.quick-apply, .quick-reviews {
    display: none;
}

.email {  
    color: #666;
    text-decoration: none;
}

.email img {
    vertical-align: -4px;
    padding-right: 5px;
}

.phone {
    color: #666;
    margin-left: 30px;
}

.phone img {
    vertical-align: -4px;
    padding-right: 5px;
}

.navigation {
    margin-top: 5px;
    margin-bottom: 20px;
    background: #fff url('/images/navigation/bg.png') repeat-x;
    width: 820px;
    min-height: 40px;
    height: auto;
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    display: inline-block;
}

.navigation ul {
    padding: 0px;
    margin: 0px;
}

.navigation li {
    float: left;
    list-style: none;
    height: 40px;
    border-right: 1px solid #ddd;
    padding-right: 10px;
}

.navigation li:hover, .navigation li.active {
    background: url('/images/navigation/bg_a.png');
}

.navigation li a {    
    display: block;
    line-height: 40px;
    text-decoration: none;
    margin-left: 10px;
    font-size: 12px;
    color: #454545;
    text-shadow: 0px 1px 1px #ddd;
}

.navigation ul > li:last-child {
    border-right: 0px !important;
}

/* ========================================= */
/* ATSAUKSMES POGA KĀ TEKSTS AR CITU KRĀSU   */
/* ========================================= */
#page_48 {
    border-right: 1px solid #ddd !important;
}
#page_48:hover {
    background: url('/images/navigation/bg_a.png') !important;
}
#page_48 a {
    background: none !important;
    border-radius: 0 !important;
    padding: 0 10px 0 0 !important;
    height: 40px !important;
    line-height: 40px !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    box-shadow: none !important;
    font-weight: bold !important;
    color: #0066cc !important; /* Izcelta krāsa atsauksmju tekstam */
    text-shadow: 0px 1px 1px #ddd !important;
    transition: none !important;
    margin-left: 10px !important;
}
#page_48 a:hover {
    background: none !important;
    box-shadow: none !important;
    text-decoration: underline !important;
}
/* ========================================= */

.languages {
    float: right;
    width: 120px;
    height: 30px;
}

.languages ul {
    padding: 0px;
    margin: 0px;
    margin-left: 30px;
}

.languages ul li {
    list-style: none;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    opacity: 0.5;
}

.languages ul li.active {
    opacity: 1;
}

.clear {
    clear: both;
}

.logo img {
    height: 60px;
    margin-bottom: 10px;
}

.left_side {
    color: #595959;
    float: left;
    width: 565px;
}

.right_side {
    color: #595959;
    float: left;    
    width: 250px;
    background: #f4f4f4;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #ddd;
}

.left_side .box {
    width: 540px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
}

.right_side .box {
    background: #f4f4f4;    
    width: 230px;
    margin: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;    
}

.box {
    display: inline-block;
    float: left;
    background: #f9f9f9;
    margin-bottom: 10px;
}

.pic_item, .pic_item_open {
    float: left;
    width: 260px;
    margin: 4px;
    border: 1px solid #ccc;
    background: #fff;
}

/* [FIX] "Mūsu darbi" saraksta baltās atstarpes labojums - kad kartītēm
   ir dažādi augstumi (garāki/īsāki virsraksti), vienkāršs 'float' izkārtojums
   nesakārto tās kārtīgās rindās (viena augstāka kartīte "izstumj" nākamo
   rindu tikai daļēji, radot baltas atstarpes). Flexbox ar 'flex-wrap: wrap'
   automātiski izlīdzina katras rindas augstumu pēc garākās kartītes tajā
   rindā - problēma pazūd bez nepieciešamības fiksēt augstumu vai apgriezt
   tekstu. */
.gallery-grid {
    display: flex;
    flex-wrap: wrap;
}
.gallery-grid .pic_item {
    float: none;
}

/* [FIX] Iepriekš '.pic_item' bija fiksēts augstums (192px) kombinācijā
   ar 'overflow: hidden' (skat. augšā) - tas nozīmēja, ka garāki virsraksti
   vienkārši TIKA NOGRIEZTI un pazuda, neatkarīgi no teksta garuma. Tagad
   izmantojam 'min-height' (nevis fiksētu 'height'), lai kartīte varētu
   PAPLAŠINĀTIES, ja virsraksts ir garāks - viss teksts paliek redzams. */
.pic_item {
    min-height: 192px;
}

.pic_item_open {
    min-height: 170px;
}

.pic_item img, .pic_item_open img {
    padding: 1px; 
    margin: 10px;
    margin-bottom: 0px;
    width: 238px;
}

.pic_item a {
    color: #666;
    display: block;
    text-decoration: none;
    font-size: 14px;
}

h1 a, .box h1, .box h2 {
    font-size: 15px;
    font-weight: bold;
    color: #454545;
    text-shadow: 0px 1px 1px #ddd;    
    text-decoration: none;
    margin: 4px 0;
}

h1 a:hover {
    text-decoration: underline;
}

.box_content {
    font-family: Verdana;
    margin: 4px;
    margin-top: 6px;    
    font-size: 12px;
    line-height: 18px;
    text-shadow: 0px 1px 1px #ddd;
    padding-top: 5px;
}

.box_content p {
    padding: 0px;
    margin: 0px;
}

.box_content ul {
    padding: 0px;
    margin: 0px;
    margin-left: 30px;  
    margin-bottom: 10px;  
}

.box_content ul li {
    list-style-image: url('/images/list.gif');
    list-style-position: 10px;
}

.box_content table {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 540px;
    border-collapse: collapse;
}

.box_content table tr:first-child {
    background: #eee;
}

.box_content table td {
    padding: 5px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #DDDDDD;
}

.right_side .box_content a {
    color: #666;
    text-decoration: none;
}

.right_side .box_content a:hover {
    text-decoration: underline;
}

.readmore {
    font-size: 11px;
    text-shadow: none;
    margin-top: 10px;
    font-weight: bold;
}

a.button {
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 12px;
    margin: 10px 0 0 0;
    padding: 8px 10px 0;
    text-decoration: none;
}

a.button:hover {
    background-position: 0 -28px;
}

a.button.white {
    background-image: url("/images/buttons/button_white.png");
    border: 1px solid #d3d3d3;
    color: #555555;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

a.button.small {
    font-size: 11px;
}

a.button.white:hover {
    border: 1px solid #C4C4C4;
}

/* FOOTER */
.footer {
    width: 860px;
    display: inline-block;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    color: #aaaaaa;
    background: #333334;
}

.footer_info {
    font-size: 12px;
    float: left;
    margin-left: 20px;
}

.footer_info img {
  vertical-align: middle;
  margin-left: 10px;
}

.copy {
    float: right;
    font-size: 12px;
    text-align: right;    
    margin-right: 20px;
}

/* RESPONSĪVS DIZAINS */
/* [FIX] Hamburger poga - pēc noklusējuma paslēpta, redzama tikai mobilajā skatā */
.nav-toggle {
    display: none;
    background: #0B6FC2;
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 8px 14px;
    border-radius: 3px;
    cursor: pointer;
    margin: 10px 0;
}

@media (max-width: 900px) {
    .wrapper {
        width: 95%;
        margin: 10px auto;
    }

    /* [FIX] IZŅEMTS: 'transform: scale()' bija kļūdains risinājums -
       CSS transform maina 'containing block' priekš position:fixed
       bērnu elementiem. Google reCAPTCHA IZAICINĀJUMA logs (puzzle ar
       attēliem) izmanto position:fixed, lai centrētos VISĀ EKRĀNĀ - ar
       transform tas centrējās pret mūsu mazo, samazināto widžetu, nevis
       ekrānu, tāpēc parādījās nepareizā vietā/ārpus ekrāna. */

    /* [FIX] reCAPTCHA widžets (pat noklusējuma ~304px izmērā) tagad ir
       IEROBEŽOTS ar overflow - tas NEKAD nevar piespiest apkārtējo formas
       konteineri (.online_req_form / .box_content) kļūt platāku par ekrānu.
       Iepriekš, kad widžets bija platāks par pieejamo vietu, viss konteiners
       izplētās, ievelkot līdzi arī teksta laukus (kas ir width:100% pret šo
       konteineri) - tāpēc tie izskatījās "izstiepti". Tagad, ja widžets
       nesatilpst, tas paliek IEKŠĀ savā rāmī ar horizontālu ritināšanu
       TIKAI šai vienai vietai, nevis izstiepj visu formu. */
    .g-recaptcha {
        max-width: 100%;
        overflow-x: auto;
    }

    /* [FIX] Vispārīgs "drošības tīkls" - jebkurš iegults video (piem.,
       YouTube iframe atsauksmju lapā, kam bija fiksēts width="315") vai
       cits fiksēta izmēra elements tagad automātiski sarauj sevi, lai
       neizraisītu horizontālu overflow. Aptver arī vecas Bootstrap
       rindkopas/kolonnu klases (.row, .col-md-8 u.c.), kas šajā vietnē
       netiek stilizētas (Bootstrap CSS nav ielādēts), bet tomēr var
       saturēt fiksētus izmērus bērnu elementos. */
    iframe, video, embed, object {
        max-width: 100% !important;
        box-sizing: border-box;
    }
    .row, [class*="col-"], .media {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* [FIX] VISAM VIETNES ATTĒLIEM globāls ierobežojums - daudzas lapas
       (news.php, blog.php, page.php, gallery.php, intropage.php) izmanto
       Bootstrap klases ("img-responsive", "img-rounded", "img-thumbnail")
       kuras šajā vietnē NEKO nedara, jo Bootstrap CSS nav ielādēts. Tas
       nozīmē jebkurš attēls tur var būt platāks par ekrānu. Šis noteikums
       ir "drošs pēc noklusējuma" priekš PILNĪGI VISIEM attēliem vietnē -
       neatkarīgi no lapas vai klases, attēls nekad nepārsniegs konteinera
       platumu. */
    img {
        max-width: 100% !important;
        height: auto;
    }

    /* [FIX] "Mūsu darbi" galerijas kartītes (.pic_item, .pic_item_open) -
       gan pats konteiners (260px), gan attēls iekšā (238px, tieši 'width',
       ne 'max-width') bija fiksēti. Tāpēc iepriekšējais vispārīgais 'img'
       noteikums nepalīdzēja - attēls "iederējās" sava konteinera platumā,
       bet konteiners pats bija platāks par telefona ekrānu. Tagad abi ir
       šķidri - viena kolonna, attēls aizpilda pieejamo platumu pilnībā. */
    .pic_item, .pic_item_open {
        float: none;
        width: 100% !important;
        height: auto !important;
        margin: 4px 0;
        box-sizing: border-box;
    }
    .pic_item img, .pic_item_open img {
        width: 100% !important;
        height: auto !important;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    /* [FIX] Slaideris bija fiksēts 820x200px - uz šauriem ekrāniem tas
       piespieda visu lapu būt platākai par ekrānu (horizontāla ritināšana,
       "viss liels" izskats). Tagad platums ir šķidrs (100%), augstums
       pielāgojas proporcionāli. */
    .slider-wrapper, .theme-default, .nivoSlider {
        width: 100% !important;
        height: auto !important;
        max-width: 100%;
    }
    /* [FIX] Attēlam JĀBŪT position:relative (nevis absolute), lai tas
       reāli aizņemtu vietu konteinerī un stumtu tekstu zem sevis uz leju -
       iepriekšējais 'position:absolute' noteikums izraisīja to, ka attēls
       "izlēca" no plūsmas un pārklāja tekstu zem tā. */
    .nivoSlider img {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
    }

    /* [FIX] Satura tabulas (piem., trīs foto rindā, pakalpojumu tabula)
       bieži ir ar fiksētu platumu (540px, 579px) tieši HTML kodā - tas
       ir spēcīgāks par parastu CSS, tāpēc šeit vajadzīgs '!important'.
       Attēli tabulās tagad arī sarauj sevi, lai iekļautos konteinerī. */
    .box_content table,
    .left_side .box table,
    table {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    .box_content table img,
    table img {
        max-width: 100%;
        height: auto !important;
        width: auto !important;
    }
    .left_side .box, .right_side .box {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* [FIX] Kontaktu bloks (e-pasts/tālrunis) - agrāk float:left ar fiksētu
       30px augstumu izraisīja tālruņa numura pārlaušanu divās rindās uz
       šauriem ekrāniem. Tagad sakārtoti pa vienu zem otra, katrs pilnā
       platumā, ar white-space:nowrap, lai numurs nekad nepārlūzt. */
    .header_top {
        height: auto;
        line-height: normal;
        padding: 8px 0;
        overflow: hidden;
    }
    .contacts_top {
        float: none;
        display: flex;
        flex-direction: column;
        gap: 6px;
        margin-left: 10px;
    }
    /* [FIX] Skāriena mērķu izmērs - e-pasts/tālrunis saites bija pārāk
       "plakanas" (tikai teksta augstumā, ~16-18px), kas ir mazāk par
       ieteicamo minimumu (24x24px) pirkstu pieskārienam mobilajā skatā.
       Padding palielina reāli klikšķināmo laukumu, neietekmējot teksta
       vizuālo izskatu. */
    .email, .phone {
        white-space: nowrap;
        margin-left: 0;
        display: inline-flex;
        align-items: center;
        padding: 8px 2px;
        min-height: 24px;
        box-sizing: border-box;
    }
    /* [FIX] "Pieteikties" un "Atsauksmes" ātrās saites galvenē - redzamas
       TIKAI mobilajā skatā (uz datora tās paslēptas ar 'display:none'
       zemāk), lai nepārblīvētu jau eso­šo e-pasts/tālrunis vienas rindas
       izkārtojumu. Tāda pati vizuālā svara/stila kā .phone/.email. */
    .quick-apply, .quick-reviews {
        display: flex;
        align-items: center;
        white-space: nowrap;
        color: #666;
        text-decoration: none;
        padding: 8px 2px;
        min-height: 24px;
        box-sizing: border-box;
        gap: 4px;
    }
    .quick-apply {
        color: #c0392b;
        font-weight: bold;
    }
    .languages {
        float: none;
        position: absolute;
        top: 4px;
        right: 12px;
        width: auto;
    }
    /* [FIX] Karodziņu saites bija tikai 18x12px (attēla izmērs) ar 3px
       atstarpi katrā pusē - abi mazāki par ieteicamo. Tagad katrai
       saitei ir pietiekams "polsteris" (padding), un starp abām saitēm
       ir droša atstarpe, lai nesanāktu nejaušs klikšķis uz nepareizo
       valodu. */
    .languages ul li {
        margin: 0 4px;
    }
    .languages ul li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
        min-width: 24px;
        min-height: 24px;
        box-sizing: border-box;
    }

    /* [FIX] Navigācija - agrāk visi 9 punkti bija redzami uzreiz kā garš
       saraksts, aizņemot lielāko daļu ekrāna. Tagad tā ir paslēpta aiz
       hamburger pogas un parādās tikai pēc klikšķa. */
    .nav-toggle {
        display: block;
    }
    .navigation {
        width: 100%;
        height: auto;
        display: none;
    }
    .navigation.nav-open {
        display: block;
    }
    .navigation li {
        float: none;
        display: block;
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }
    .left_side, .right_side {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
}

/* [FIX] "Līdzīgi darbi" / "Vairāk par šo tematu" sadaļa - automātiski
   ģenerēti iekšējie linki, kas risina vāju iekšējo linkošanu uz 267
   detaļu lapām (audits atklāja vidēji tikai 1-4 linkus lapai). */
.related-work {
    clear: both;
    margin-top: 20px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px;
    border-left: 3px solid #0B6FC2;
}
.related-work h3 {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #454545;
}
.related-work ul {
    margin: 0;
    padding-left: 18px;
}
.related-work ul li {
    margin-bottom: 6px;
    font-size: 13px;
}
.related-work ul li a {
    color: #0B6FC2;
    text-decoration: none;
}
.related-work ul li a:hover {
    text-decoration: underline;
}

/* SARKANĀ POGA */
.online_req {
    display: inline-block;
    background: #c0392b;
    color: #ffffff !important;
    border: 1px solid #a5301f; 
    padding: 5px 14px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    border-radius: 3px;
    margin: 5px 0;
    transition: background 0.2s ease;
}

/* PRETTYPHOTO FIX MOBILAJIEM */
@media only screen and (max-width: 768px) {
    div.pp_pic_holder {
        width: 96% !important;
        left: 2% !important;
        position: fixed !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin-top: 0 !important;
    }

    /* Noņemam fiksētos izmērus, lai bildes būtu lielākas */
    .pp_content, #pp_full_res img {
        width: 100% !important;
        height: auto !important;
    }

    /* [FIX] Pati bilde vairs nav klikšķināma - novērš nejaušu pāreju uz
       nākamo bildi vai loga aizvēršanu, pieskaroties bildei. Aizvēršanas
       poga (.pp_close) un bultiņas (.pp_arrow) paliek darbojošās, jo tās
       ir atsevišķi elementi, ne pati bilde. */
    #pp_full_res img, .pp_content img {
        pointer-events: none;
    }

    /* Paslēpj nevajadzīgos dekoratīvos elementus mobilajā versijā */
    .pp_top, .pp_bottom, .pp_left, .pp_right {
        background: none !important;
    }
    
    .pp_details {
        width: 100% !important;
        padding-bottom: 40px !important;
    }

    .pp_close {
        right: 10px !important;
        top: 10px !important;
    }
}

/* ========================================================= */
/* JAUNIE STILI: ONLINE REĢISTRĀCIJAS FORMAI (LIELAS AILES)  */
/* ========================================================= */

/* Formas konteinera atstarpe */
.online_req_form {
    margin-top: 10px;
}

/* Teksti virs ievades laukiem (Vārds, E-pasts, u.c.) */
#online_req p {
    font-size: 14px;
    font-weight: bold;
    color: #454545;
    margin-bottom: 5px;
    margin-top: 15px;
}

/* Ievades lauki un lielais teksta lauks */
#online_req input.text,
#online_req textarea.text {
    width: 100%;
    max-width: 500px;
    box-sizing: border-box; /* Lai paddings neizjauc platumu */
    padding: 12px 15px; /* Lieli laukumi ērtai klikšķināšanai */
    font-size: 16px; /* 16px novērš automātisko zoom efektu telefonos */
    font-family: inherit;
    border: 1px solid #ccc;
    border-radius: 4px; /* Noapaļoti stūrīši */
    background-color: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Lauka izskats, kad tajā raksta */
#online_req input.text:focus,
#online_req textarea.text:focus {
    border-color: #e74c3c;
    outline: none;
    box-shadow: 0 0 5px rgba(231, 76, 60, 0.3);
}

/* Lielā teksta lauka (ziņas) minimālais augstums */
#online_req textarea.text {
    min-height: 120px;
    resize: vertical; /* Ļauj pavilkt tikai uz leju */
}

/* Checkbox (privātuma politikas ķeksītis) */
#online_req input[type="checkbox"] {
    transform: scale(1.3); /* Padara pašu ķeksīti nedaudz lielāku */
    margin-right: 8px;
    vertical-align: middle;
}

/* Privātuma politikas saite */
#online_req a {
    font-size: 13px;
    font-weight: normal;
    color: #454545;
}

/* Lielā Nosūtīšanas poga */
#online_req input[type="submit"] {
    display: block;
    width: 100%;
    max-width: 500px;
    padding: 14px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #e74c3c; /* Tāda pati sarkanā krāsa kā "Piesakies" pogai */
    border: 1px solid #c0392b;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease;
    margin-top: 15px;
    text-shadow: none;
    height: auto; /* Pārraksta tavu veco a.button stila augstumu */
    box-sizing: border-box;
    text-align: center;
}

#online_req input[type="submit"]:hover {
    background-color: #c0392b;
}

/* Paziņojuma teksts "Lauciņi, kas apzīmēti ar *" */
#online_req .notice small {
    font-size: 12px;
    font-weight: normal;
    color: #888;
}