/*
Theme Name: HM Elektro Systems
Author: HM Elektro Systems
Description: Prilagođena pilot WordPress tema; uređivanje sadržaja, projekata, oglasa i suradnje.
Version: 13.6
Text Domain: hm-elektro
*/

:root{--navy:#10233e;--blue:#263e61;--gray:#647077;--paper:#f5f7f9;--line:#dfe5eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--navy);background:white}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}header{position:sticky;top:0;z-index:5;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 28px}.logo{width:290px;max-width:45vw;height:auto}.navlinks{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:700}.navlinks a:hover{color:#4871a7}.btn{display:inline-block;background:var(--navy);color:white;padding:15px 22px;border:1px solid var(--navy);border-radius:3px;font-weight:700;font-size:13px;cursor:pointer}.btn.alt{background:transparent;color:var(--navy)}.btn.light{background:white;color:var(--navy);border-color:white}.hero{min-height:630px;display:flex;align-items:center;background:linear-gradient(100deg,rgba(9,25,46,.98) 8%,rgba(9,25,46,.87) 55%,rgba(9,25,46,.68)),radial-gradient(circle at 85% 45%,#68829b 0%,#132b4b 43%,#071626 80%);color:white;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:7%;top:7%;width:330px;height:330px;border:1px solid #ffffff22;transform:rotate(45deg);box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff05}.wrap{max-width:1200px;margin:auto;padding:0 28px;width:100%}.hero .wrap{position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:800;color:#90b9e9}.hero h1{font-size:clamp(45px,6.2vw,88px);line-height:1.06;letter-spacing:-3px;margin:25px 0;max-width:890px}.hero p{color:#d6e0ed;max-width:620px;font-size:18px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.section{padding:92px 0}.section.gray{background:var(--paper)}.section h2{font-size:clamp(30px,4vw,50px);letter-spacing:-1.5px;margin:14px 0 18px}.lead{max-width:760px;line-height:1.8;color:#637181;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.card{padding:34px;border:1px solid var(--line);background:white;min-height:235px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #10233e14}.number{font-size:12px;letter-spacing:2px;color:#6e90b8;font-weight:800}.card h3{font-size:22px;margin:23px 0 12px}.card p{color:#647181;line-height:1.7;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.graphic{min-height:330px;background:linear-gradient(135deg,#10233e,#395679);display:grid;place-items:center;padding:25px}.graphic img{width:100%;filter:brightness(0) invert(1)}.project{background:#e8edf2;padding:32px;margin-top:24px;border-left:4px solid var(--navy)}.project h3{margin:0 0 10px}.project p{margin:0;color:#596777;line-height:1.65}.dark{background:#10233e;color:white}.dark .lead{color:#c7d3e1}.dark .eyebrow{color:#9bbde5}.dark .card{background:#1c3350;border-color:#34506e;color:white}.dark .card p{color:#c7d3e1}.forms{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.form-card{background:white;border:1px solid var(--line);padding:28px}.form-card h3{margin:0 0 10px}.form-card p{font-size:14px;line-height:1.6;color:#657181}.form-card a{display:inline-block;margin-top:14px;text-decoration:underline;font-weight:700}.contact{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact p{line-height:1.8;color:#647181}.contact a{text-decoration:underline}.footer{padding:36px 0;background:#0b192b;color:#c9d5e2;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.notice{font-size:12px;color:#7c8793;margin-top:24px}.mobilemenu{display:none}.mini{font-size:12px;color:#a7bacf;margin-top:20px}@media(max-width:850px){.navlinks{display:none}.mobilemenu{display:block;border:0;background:transparent;font-size:28px;color:var(--navy);cursor:pointer}.navlinks.open{display:flex;position:absolute;top:75px;left:0;right:0;flex-direction:column;align-items:stretch;background:white;padding:25px;box-shadow:0 15px 20px #0002}.cards,.forms{grid-template-columns:1fr 1fr}.split,.contact{grid-template-columns:1fr}.hero{min-height:590px}}@media(max-width:570px){.logo{width:235px}.hero h1{letter-spacing:-2px}.section{padding:65px 0}.cards,.forms{grid-template-columns:1fr}.hero{min-height:540px}.nav{padding:14px 20px}.wrap{padding:0 22px}}

.admin-edit{font-size:12px;opacity:.8}.wp-block-image img{max-width:100%;height:auto}.project-photo{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:14px}.section-content{max-width:850px}.navlinks .current-menu-item a{color:#4871a7}

/* V2: fotografije, kontrast, čitljivost i mikroanimacije */
.hero{background-image:linear-gradient(90deg,rgba(7,22,42,.97) 0%,rgba(9,27,50,.92) 43%,rgba(9,27,50,.40) 100%),var(--hm-hero-image,radial-gradient(circle at 85% 45%,#68829b 0%,#132b4b 43%,#071626 80%));background-size:cover;background-position:center;}
.hero:has([data-no-overlay]){background-position:center}
.hero h1{text-shadow:0 3px 22px #07152655}
.hero:after{pointer-events:none}
.card{overflow:hidden;padding:28px}
.card .project-photo{display:block;width:calc(100% + 56px);max-width:none;margin:-28px -28px 25px;height:185px;object-fit:cover;transition:transform .4s ease}
.card:hover .project-photo{transform:scale(1.035)}
.card a{font-size:13px;font-weight:800;color:#2a5a8c}
.graphic.has-photo{padding:0;overflow:hidden}
.graphic.has-photo img{height:380px;object-fit:cover;filter:none}
.form-card{transition:transform .2s,box-shadow .2s}
.form-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0002}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* V6: readable project archive cards, scoped to avoid affecting services. */
.hm-archive .wrap{max-width:1250px}
.hm-archive> .wrap>h1{font-size:clamp(32px,4vw,52px);line-height:1.14;letter-spacing:-1.5px;margin:16px 0}
.hm-archive .cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px}
.hm-archive .card{min-width:0;min-height:0;display:flex;flex-direction:column;padding:26px;overflow:hidden}
.hm-archive .card h2{font-size:clamp(19px,1.8vw,24px);line-height:1.3;letter-spacing:-.35px;margin:14px 0 12px;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.hm-archive .card p{font-size:14px;line-height:1.65;margin:0 0 22px;overflow-wrap:anywhere}
.hm-archive .card>a{margin-top:auto;display:inline-block;padding-top:8px}
.hm-archive .card .project-photo{height:190px;flex-shrink:0}
@media(max-width:900px){.hm-archive .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hm-archive .cards{grid-template-columns:minmax(0,1fr)}.hm-archive .card h2{font-size:22px}}

/* V7: uredni naslovi i sažeci na naslovnici i arhivi. */
.card h3{overflow-wrap:anywhere;line-height:1.35}.card p{overflow-wrap:anywhere}.hm-all-link{margin-top:28px}.section-content{overflow-wrap:anywhere}

/* V8: kontaktni obrazac */
.hm-contact-layout{display:grid;grid-template-columns:minmax(230px,0.85fr) minmax(0,1.35fr);gap:clamp(24px,5vw,80px);align-items:start;margin-top:32px}
.hm-contact-info,.hm-contact-form{min-width:0}
.hm-contact-info a{overflow-wrap:anywhere}
.hm-contact-form{background:#f4f7fb;border:1px solid #dce5ef;border-radius:16px;padding:clamp(20px,3vw,36px)}
.hm-contact-form h3{margin-top:0}
.hm-contact-form .wpforms-container{margin:0}
.hm-contact-form input:not([type=checkbox]):not([type=radio]),.hm-contact-form textarea,.hm-contact-form select{max-width:100%}
.hm-contact-form .wpforms-submit{cursor:pointer}
@media(max-width:760px){.hm-contact-layout{grid-template-columns:1fr}}

/* V9: pravne poveznice u podnožju */
.hm-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}
.hm-footer-identity{display:flex;flex-direction:column;gap:6px}
.hm-legal-links{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:0;margin:0}
.hm-legal-links li{margin:0;padding:0}
.hm-legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hm-legal-links a:hover{text-decoration-thickness:2px}
@media(max-width:680px){.hm-footer-inner{align-items:flex-start;flex-direction:column}}

/* V10: WordPress izbornik prikazuje se izravno u navigaciji. */
.navlinks .menu-item{list-style:none}

/* V11: pregledno podnožje i službeni podaci društva */
.hm-footer-v11{padding:54px 0 0}
.hm-footer-grid{display:grid!important;grid-template-columns:1.25fr 1fr .8fr;gap:40px;align-items:start}
.hm-footer-grid h2{color:#fff;font-size:17px;letter-spacing:.2px;margin:0 0 18px}
.hm-footer-grid p{margin:0 0 10px;line-height:1.65}
.hm-footer-tagline{color:#90b4dd;margin-top:20px!important;font-weight:700}
.hm-footer-contact address{font-style:normal;line-height:1.7;margin-bottom:10px}
.hm-footer-v11 a{color:#dbe8f6;text-decoration:none}
.hm-footer-v11 a:hover{text-decoration:underline;text-underline-offset:3px}
.hm-footer-info-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.hm-footer-bottom{border-top:1px solid #2d4058;margin-top:38px;padding-top:20px;padding-bottom:23px;display:flex!important;justify-content:space-between;gap:12px;font-size:12px;color:#9fb0c3}
.hm-company-details{margin:25px 0 40px;max-width:850px}
.hm-company-details dl{margin:0;border-top:1px solid #dce5ef}
.hm-company-row{display:grid;grid-template-columns:minmax(175px,35%) 1fr;gap:20px;padding:15px 4px;border-bottom:1px solid #dce5ef;line-height:1.55}
.hm-company-row dt{font-weight:700;color:#233c59}.hm-company-row dd{margin:0;overflow-wrap:anywhere}
@media(max-width:720px){.hm-footer-grid{grid-template-columns:1fr 1fr;gap:32px}.hm-footer-bottom{flex-direction:column}}
@media(max-width:480px){.hm-footer-grid{grid-template-columns:1fr}.hm-company-row{grid-template-columns:1fr;gap:5px}}

/* V12 – jezični izbornik */
.hm-lang-switch{display:flex;gap:8px;align-items:center;margin-left:14px;white-space:nowrap}.hm-lang-switch li{list-style:none;display:inline-block}.hm-lang-switch a{font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;color:inherit;opacity:.72}.hm-lang-switch .current-lang a{opacity:1;text-decoration:underline;text-underline-offset:4px}@media(max-width:780px){.hm-lang-switch{margin-left:5px;gap:5px}.hm-lang-switch a{font-size:11px}}

/* V13.3: fotografije kartica usluga */
.hm-service-photo{display:block;width:100%;height:185px;object-fit:cover;border-radius:10px;margin:0 0 16px}