/* fragment.ba — personal identity of Adin Mehmedović */
:root{--fragment-accent:#65c8ff;--fragment-line:#303d49}
body{background:#0d1218!important;color:#d2d9e1}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--fragment-accent);outline-offset:5px}
.fragment-sidebar-brand{display:block;padding:24px 5px;text-align:center;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:-.7px;color:#fff}.fragment-sidebar-brand span{color:var(--fragment-accent)}.fragment-sidebar-brand small{display:block;font-size:9px;letter-spacing:0;font-weight:400;margin-top:6px;color:#bbb}.w3-sidebar{background:#121a23!important}
.fragment-eyebrow{color:var(--fragment-accent)!important;font:500 11px/1.7 Montserrat,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
.original-home #home.fragment-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:center;max-width:1180px;margin:auto;padding:70px 35px 80px!important;text-align:left;background:transparent!important}
.original-home #home.fragment-hero h1{font:600 clamp(40px,4.6vw,72px)/1.1 Montserrat,Arial,sans-serif!important;letter-spacing:-3px;margin:24px 0;color:#f4f5ef}.fragment-hero h1 em{font-style:normal;color:var(--fragment-accent)}
.original-home #home .fragment-intro{font-size:17px;line-height:1.85;color:#becbd7;max-width:540px}.fragment-location{font-size:11px!important;color:#9aaebe!important;margin-top:30px}
.fragment-portrait{position:relative;margin:0;background:#162330;border:1px solid #354e63;border-radius:180px 180px 16px 16px;overflow:hidden}.fragment-portrait img{width:100%;height:auto;display:block;filter:grayscale(1)}.fragment-portrait figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 25px 25px;background:linear-gradient(transparent,#0d1218f5);display:grid;gap:4px}.fragment-portrait strong{font-size:24px;color:#fff}.fragment-portrait span{font-size:11px;color:#cbd9e5}
.service-cta{background:var(--fragment-accent)!important;color:#071a29!important;border:1px solid var(--fragment-accent)!important;border-radius:5px!important;padding:15px 20px!important;text-decoration:none;font-size:13px;font-weight:600}.service-cta:hover{background:#9ddcff!important}
.home-content{max-width:1080px;padding:0 25px}.home-section{border-color:var(--fragment-line);padding:60px 0}.home-kicker,.home-price,.home-process li::before{color:var(--fragment-accent)!important}.home-offer,.home-project,.project-item,.service-tile{background:#151f2a!important;border-color:var(--fragment-line)!important;border-radius:8px!important}.home-support>a{border-color:var(--fragment-line)!important}.home-offer>a,.home-support span{color:var(--fragment-accent)}.page-footer{border-top:1px solid var(--fragment-line)!important}.legal-page{color:#d2d9e1}.legal-page>a{color:var(--fragment-accent)}
#myNavbar .mobile-brand::before{content:'f.';background:var(--fragment-accent);color:#071a29}#myNavbar .mobile-brand small{font-size:10px;color:#a7bccd;font-weight:400}#myNavbar .mobile-navigation{background:#121a23f5!important}.am-dock a[aria-current=page]{background:var(--fragment-accent);color:#071a29}
@media(max-width:1100px){.original-home #home.fragment-hero{gap:25px;padding-inline:10px!important}.original-home #home.fragment-hero h1{letter-spacing:-2px}}
@media(max-width:900px){.original-home #home.fragment-hero{grid-template-columns:1fr;padding:20px 0 35px!important;gap:30px}.original-home #home.fragment-hero h1{font-size:clamp(39px,8vw,62px)!important}.fragment-portrait{max-width:380px;width:100%;justify-self:center}.home-content{padding:0}.fragment-hero-copy .home-actions{align-items:stretch;flex-direction:column}.fragment-hero-copy .home-text-link{font-size:13px}.home-support>a{background:#151f2a}.original-home #home .fragment-intro{font-size:16px}.fragment-eyebrow{font-size:10px}.fragment-location{line-height:1.8}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Original transparent logo without a background panel. */
.fragment-logo{display:block;width:100%;height:auto;object-fit:contain}
.fragment-logo-plate{max-width:340px;background:transparent;padding:0;margin:0 0 28px}
.fragment-sidebar-brand{padding:20px 8px}.fragment-sidebar-brand .fragment-logo{background:transparent;padding:0;width:104px}.fragment-sidebar-brand small{font-size:9px;line-height:1.6}
#myNavbar .mobile-brand::before{display:none!important}#myNavbar .mobile-brand .fragment-logo{width:145px;height:auto;background:transparent;padding:0}#myNavbar .mobile-brand{gap:9px}
@media(max-width:400px){#myNavbar .mobile-brand .fragment-logo{width:125px}#myNavbar .mobile-brand small{font-size:9px}.fragment-logo-plate{max-width:280px}}

.services-submenu a,.services-main-link,.w3-sidebar a{overflow-wrap:anywhere;white-space:normal}.fragment-hero h1{overflow-wrap:normal!important}@media(max-width:600px){.original-home #home.fragment-hero h1{font-size:clamp(34px,8vw,48px)!important;letter-spacing:-1.5px}}

/* Ujednačen vizuelni identitet za fragment.ba */
:root{--fragment-accent:#51b9ff;--fragment-line:#243b53}
body{background:radial-gradient(ellipse at 85% 0%,#102c49 0,transparent 42%),#090f18!important;color:#ccd8e5}
.fragment-logo{filter:drop-shadow(0 0 .65px #beddf5);background:transparent!important}
.w3-sidebar{border-right:1px solid #243b53;background:#0c1521!important}
.w3-sidebar>a:not(.fragment-sidebar-brand):hover,.services-main-link:hover{background:#152d44!important}
.w3-sidebar a[aria-current=page]{background:#12324e!important;color:#71c8ff!important}
.original-home #home.fragment-hero{padding-top:52px!important;gap:54px}
.original-home #home.fragment-hero h1{letter-spacing:-2.4px;max-width:680px}
.fragment-hero h1 em{color:#69c5ff}
.fragment-portrait{border-radius:18px 100px 18px 18px;border:1px solid #2d5577;box-shadow:16px 16px 0 #102238}
.fragment-portrait figcaption{background:linear-gradient(transparent,#081221 85%);padding-top:90px}
.fragment-portrait figcaption>span:first-child{color:#75c8ff;letter-spacing:1.2px;text-transform:uppercase;font-size:10px}
.fragment-location{color:#a8bfd3!important;border-left:2px solid #409fe3;padding-left:12px;line-height:1.8}
.bih-values{max-width:1080px;margin:0 auto 24px;padding:22px 25px;border-top:1px solid #294058;border-bottom:1px solid #294058;display:flex;gap:20px;justify-content:space-between;color:#a6c6e1;font-size:12px;letter-spacing:.4px}
.home-section{padding:64px 0}.home-section h2,.service-page h2{letter-spacing:-.7px;font-weight:600}
.home-offer,.service-tile{background:linear-gradient(145deg,#122338,#0e1928)!important;border:1px solid #29435e!important;border-radius:12px!important;padding:28px}
.home-offer{position:relative}.home-offer:before{content:'';display:block;width:34px;height:3px;background:#40aefe;margin-bottom:22px}
.home-offer .home-price{font-size:32px;letter-spacing:-1px;font-weight:600}
.home-project,.project-item{border-color:#29435e!important;background:#101c2c!important;border-radius:12px!important}
.home-support>a{padding:24px!important;border:1px solid #29435e!important;border-radius:10px;background:#101e30!important}
.home-support h3{color:#71c8ff}.home-process li:before{font-weight:600;color:#64bcff!important}
.service-cta{background:#0878c9!important;color:#fff!important;border-color:#289eec!important;border-radius:6px!important;min-height:48px;line-height:1.5;box-shadow:0 6px 22px #0079c820}
.service-cta:hover{background:#096bb0!important;color:#fff!important}
.home-contact-intro{background:linear-gradient(125deg,#123654,#101e30);border:1px solid #2c5675;border-radius:14px;padding:36px!important;margin:18px 0 40px}
.service-page>header{padding-bottom:12px}.service-eyebrow,.fragment-eyebrow,.home-kicker{color:#74c9ff!important}
.service-page details{border-color:#29435e}.service-page details[open]{background:#102035;padding-inline:18px;border-radius:8px}
.service-page figure{max-width:820px}.service-art{border-color:#29435e}
.page-footer,.service-page footer{border-top:1px solid #29435e!important;padding-top:28px!important}
#myNavbar .mobile-navigation{background:#0c1726f5!important;border-color:#29435e!important}.am-dock{background:#0c1726f5!important;border-color:#29435e!important}
.am-dock a[aria-current=page]{background:#123b5b;color:#8ed4ff}.legal-page{max-width:920px;margin:auto}.legal-page h1{color:#eaf5ff}.legal-page h2{color:#8aceff}
@media(max-width:900px){.original-home #home.fragment-hero{gap:34px;padding-top:20px!important}.fragment-portrait{max-width:350px;box-shadow:8px 8px 0 #102238}.bih-values{flex-direction:column;gap:12px;padding:20px 0;font-size:12px}.home-contact-intro{padding:24px!important}.home-section{padding:38px 0}.home-offer,.service-tile{padding:24px}.service-page h1{font-size:clamp(30px,7.8vw,45px)!important;overflow-wrap:normal}.original-home #home.fragment-hero h1{font-size:clamp(32px,7.8vw,54px)!important;letter-spacing:-1.3px}.fragment-logo-plate{max-width:310px}}

/* Plavo, žuto i bijelo. Svijetla tema za cijelu stranicu. */
:root{--fragment-accent:#0753ad;--fragment-line:#cbdced;--bih-blue:#084ca1;--bih-yellow:#ffda35}
html{background:#fff}body,body.w3-black{background:#fff!important;color:#273e58!important}
.w3-black,.original-page,.service-page,.home-content,.legal-page{background:transparent!important;color:#273e58!important}
body h1,body h2,body h3,body h4,.w3-text-light-grey,.w3-text-white{color:#073c83!important}
body p,.home-content p,.service-page p,.original-page>header>p,.w3-text-grey,.w3-text-gray{color:#3e536b!important}
body a{color:#084ca1}.w3-sidebar{background:#eef5fd!important;border-right:1px solid #cfdeef}.w3-sidebar>img{border-bottom:5px solid #ffda35}
.w3-sidebar a,.services-main-link,.services-menu{color:#174779!important}.w3-sidebar a[aria-current=page]{background:#084ca1!important;color:#fff!important}.w3-sidebar a[aria-current=page] p{color:#fff!important}
.w3-sidebar>a:not(.fragment-sidebar-brand):hover,.services-main-link:hover,.services-menu summary:hover,.services-menu[open] summary{background:#dceaff!important;color:#073c83!important}
.services-submenu{background:#e5f0fc}.services-submenu a{color:#15477d!important}.services-submenu a:hover{background:#cedff5!important}
.fragment-sidebar-brand small{color:#3e536b}.fragment-logo{filter:none!important;background:transparent!important}.fragment-logo-plate{background:transparent!important}
.original-home #home.fragment-hero{background:transparent!important;position:relative}.original-home #home.fragment-hero h1{color:#083f8b!important;font-weight:700!important;line-height:1.13!important}.fragment-hero h1 em{color:#083f8b;background:linear-gradient(transparent 75%,#ffda35 75%);font-style:normal}
.fragment-eyebrow,.home-kicker,.service-eyebrow{color:#0753ad!important;letter-spacing:1px}.fragment-location{color:#335b83!important;border-left:4px solid #ffda35}
.fragment-portrait{background:#e8f2ff;border:0;border-radius:18px 90px 18px 18px;box-shadow:12px 12px 0 #ffda35}.fragment-portrait figcaption{background:#084ca1;padding:20px 24px;position:relative}.fragment-portrait img{background:#dbeaff}.fragment-portrait figcaption span,.fragment-portrait figcaption strong{color:#fff!important}.fragment-portrait figcaption>span:first-child{color:#ffe779!important}
.home-section{border-color:#ccdced}.home-section h2,.service-page h2{color:#073c83!important}.home-offer,.home-project,.project-item,.service-tile{background:#f2f7fe!important;border:1px solid #cbdced!important;box-shadow:none}.home-offer:before{display:none}.home-offer>a,.home-support span,.home-price,.service-price{color:#084ca1!important}.home-offer .home-price{color:#084ca1!important}.project-info p,.project-info h3{color:#27496d!important}.project-tag{color:#0753ad;border-color:#86b8ea}
.home-support>a{background:#f2f7fe!important;border-color:#cbdced!important}.home-small{color:#48617b!important}.home-text-link{color:#084ca1!important}
.service-cta,.w3-button.w3-white,.chat-send{background:#ffda35!important;color:#103a75!important;border:1px solid #e5bf10!important;box-shadow:none!important;font-weight:600}.service-cta:hover,.w3-button.w3-white:hover{background:#ffe66d!important;color:#103a75!important}
.home-process{counter-reset:none}.home-process article{padding:0;margin:0}.home-process article:before,.home-process li:before{display:none}.home-process p{font-size:17px}
.home-contact-intro{background:#084ca1!important;border:0;border-top:6px solid #ffda35!important;border-radius:12px;padding:36px!important}.home-contact-intro h2,.home-contact-intro p,.home-contact-intro .home-text-link{color:#fff!important}
.service-page section,.service-page details,.page-footer,.service-page footer,.legal-page footer{border-color:#cbdced!important}.service-page details summary{color:#073c83}.service-page details[open]{background:#edf5ff}.service-page figcaption,.service-breadcrumb,.service-breadcrumb a{color:#466789}.service-art{background:#eef5ff;border-color:#cbdced}.service-related a{color:#0753ad}
.page-footer p,footer .legal-links a,footer .legal-links button,.footer-links a,.footer-links button{color:#315776!important}
#myNavbar .mobile-navigation{background:#fff!important;border-bottom:3px solid #ffda35!important;backdrop-filter:none}#myNavbar .mobile-brand small{color:#315776}#myNavbar .mobile-menu summary{color:#084ca1!important}#myNavbar .mobile-menu-links{background:#f2f7fe!important;border-color:#cbdced}#myNavbar .mobile-menu-links a{color:#174779!important;border-color:#d2e0f0!important}#myNavbar .mobile-menu-links a:hover{background:#dfedfc!important}
.am-dock{background:#084ca1!important;border-top:3px solid #ffda35!important}.am-dock a{color:#fff!important}.am-dock a[aria-current=page]{background:#ffda35!important;color:#073c83!important}
#contact>.w3-section,#contact form{background:#f0f6fe!important;border-color:#cbdced!important}.chat-panel,.privacy-dialog,.privacy-banner{background:#fff!important;color:#273e58!important;border-color:#cbdced!important}.chat-intro,.draft-note{background:#edf5ff!important;color:#273e58!important;border-color:#bdd6ef}.chat-close,.chat-panel h2,.privacy-dialog h2,.chat-panel a{color:#084ca1!important}.privacy-dialog p,.privacy-small,.chat-note{color:#405a73!important}.privacy-actions button{background:#ffda35;color:#123d74;border-color:#e6c43b}.privacy-option{border-color:#cbdced}.chat-launcher{background:#ffda35!important;color:#084ca1!important;border-color:#e4bc12!important;box-shadow:0 5px 18px #174c7e30}
input:not([type=checkbox]):not([type=radio]),textarea,select,.chat-panel input,.chat-panel textarea{background:#fff!important;color:#173859!important;border:1px solid #9bb9d8!important}
.price-card{border:1px solid #cbdced!important;border-radius:12px;overflow:hidden;background:#f2f7fe!important;list-style:none}.price-card>div:first-child{background:#084ca1!important;color:#fff!important}.price-card>div:first-child a{color:#fff!important}.price-description{padding:22px;margin:0;line-height:1.8;font-size:16px}.price-card>.w3-light-grey{background:#e7f1fd!important}.price-card>div{padding:20px}.w3-light-grey{background:#e9f2fd!important;color:#214d7a!important}.w3-dark-grey:not(.price-card>div){background:#084ca1!important;color:#fff!important}
:focus-visible{outline-color:#0753ad!important}
@media(max-width:900px){body{background:#fff!important}.home-contact-intro{padding:24px!important}.fragment-portrait{box-shadow:8px 8px 0 #ffda35}.original-home #home.fragment-hero h1{font-size:clamp(34px,8vw,54px)!important}.home-actions .service-cta{width:100%}.home-process p{font-size:16px}}

@media(max-width:400px){#myNavbar .mobile-brand small{display:none}#myNavbar .mobile-brand .fragment-logo{width:145px}}

/* Portret bez crne pozadine i jedan logo u navigaciji. */
.fragment-portrait,.fragment-portrait img{background:transparent!important}.fragment-portrait{box-shadow:none;border-radius:0;overflow:visible}.fragment-portrait figcaption{border-radius:0 0 12px 12px;border-bottom:5px solid #ffda35}.fragment-portrait img{filter:none}.original-home #home.fragment-hero{padding-top:42px!important}.w3-sidebar>img{background:transparent}

img[src="/assets/adin-u-boji.png"]{filter:none!important}

/* Čitljiva tipografija bez ukrasnih fontova i zbijenih slova. */
body,h1,h2,h3,h4,h5,h6,p,a,span,small,strong,em,summary,button,input,textarea,select,label,figcaption,li,div,article,section,nav,footer{font-family:Arial,Helvetica,sans-serif!important}
.fa{font-family:FontAwesome!important}
body{font-size:17px;line-height:1.7}p{font-weight:400;letter-spacing:normal!important;text-shadow:none!important}
h1,h2,h3,h4,h5,h6{font-weight:700!important;letter-spacing:normal!important;text-shadow:none!important}
.original-home #home.fragment-hero h1{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;letter-spacing:-.7px!important;line-height:1.13!important}
.fragment-eyebrow,.service-eyebrow,.home-kicker{font-size:13px!important;letter-spacing:.6px!important;line-height:1.6}
.fragment-intro,.home-content>section>p,.service-lead{font-size:18px!important;line-height:1.75!important}
.fragment-sidebar-brand small{font-size:11px!important;letter-spacing:normal!important}.fragment-sidebar-brand .fragment-logo{width:138px!important}
#myNavbar .mobile-brand .fragment-logo{width:190px!important;max-width:55vw}#myNavbar .mobile-brand small{display:none!important}
@media(min-width:901px){.w3-sidebar{width:150px!important}#main{margin-left:150px!important}.fragment-sidebar-brand{padding:20px 6px}}
@media(max-width:900px){.original-home #home.fragment-hero h1{font-size:clamp(34px,8vw,54px)!important;letter-spacing:-.4px!important}.fragment-intro,.home-content>section>p,.service-lead{font-size:17px!important}#myNavbar .mobile-menu summary{font-size:15px!important}.am-dock a{font-size:12px!important}}