body {font-family: 'Inter', system-ui, -apple-system, sans-serif;line-height: 1.6;-webkit-font-smoothing: antialiased;font-weight:400} .nav a {font-size: 13px !important;font-weight: 500 !important;letter-spacing: 0.3px !important;text-transform: none !important;} h1, h2, h3, h4, h5, h6 {letter-spacing:normal} h2 {font-family: 'Playfair Display', serif;font-size: 26px;color: #1f1b16;margin-bottom: 24px;font-weight: 600;} h4 {font-family: 'Playfair Display', serif;font-size: 18px;color: #1f1b16;font-weight: 400;} p {color: #4b4641;line-height: 25px;margin: 0 0 15px;} .blog-posts img {display: block;margin: 0 auto;max-width: 100%;width: auto;height: auto;} .blog-posts.single-post ul {color: #4b4641;margin: 0 0 15px 30px;} .blog-posts.single-post a {color: #f2b400;} .blog-posts.single-post article a {color: #1f1b16;font-weight: 800 !important;} .blog-posts.single-post article .pc-text a {color: #f2b400 !important;} .blog-posts.single-post .btn-for-tags {background: #ffcc01;color: #1f1b16;} .thumb-info .thumb-info-title {padding: 13px 21px;border-radius: 0 12px 12px 0;} .product-gallery {margin-bottom:30px !important} .gallery-top img {width: auto;height: 100%;object-fit: scale-down !important;} .gallery-top { height: 300px !important;} button[id^=load-more-oobid-] {margin: 15px auto 50px; border-radius: 12px;text-transform: uppercase;} .welcomeMsg-popup {padding: 20px 0 0 !important;background: #f0b400 !important;} .swal2-popup.dropdownMenu-popup {width: auto !important;max-width: 400px !important;} .dropdownMenu-content {align-items: flex-start;} .swal2-html-container {width: auto !important;margin: 0 !important;text-align: left;} .popup-dukat h3 {color:#1f1b16;font-size:20px;margin-bottom:0;font-weight:bold;font-family: 'Playfair Display', serif;} .popup-dukat h3 a {color:#1f1b16} .popup-dukat p {color:#1f1b16;font-weight:500;font-size:16px} .popup-dukat p a {color:#ff0000} .layout {display: grid;grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);gap: 0px; } @media (max-width: 992px) { .layout {grid-template-columns: minmax(0, 1fr);} } .row.align-items-center .col-sm-12 .btn {margin: 0;} .box-kupon .container-xl.button-tag {padding:0} .entrylista-sidebar .simple-post-list li.list-link a {padding: 5px 0 5px 20px;} .entrylista-sidebar h5 {background-color: #f3f0ea !important;font-family: 'Playfair Display', serif;font-size: 22px;color: #1f1b16 !important;border-radius: 16px;padding: 30px 20px 15px 20px !important;} .tabs.entrylista-sidebar {background: #f3f0ea;border-radius: 16px;} .sidebar-display-fix .sidebar .hero-price-card {padding: 20px;margin-bottom: 1.5rem !important;} .box-blog .sidebar .hero-price-card {margin-bottom: 1.5rem !important;} .sidebar-display-fix .sidebar .hero-price-card .price-row {padding: 7px 0;} .sidebar-display-fix .sidebar .cta-box-sidebar {margin: 15px 0;gap: 0;} .sidebar-display-fix .sidebar .cta-text h2 {font-family: 'Playfair Display', serif;font-size: 22px;color: #ffffff;} .sidebar-display-fix .sidebar .cta-box-sidebar .price-value {font-size: 14px;} .fb-page.fb_iframe_widget {background-color: #050505;padding: 20px;border-radius: 0 0 12px 12px; width: 100%;} .fb_iframe_widget span {width:100% !important;overflow: hidden;} h5.facebook-sidebar {margin: 0;border-radius: 12px 12px 0 0;padding: 20px 20px 0 20px !important;font-family: 'Playfair Display', serif;font-size: 22px} .sidebar .container-xl.mt-4 {margin-top:0 !important} .sidebar .custom-form {margin-bottom: 30px;background: #f3f0ea;border-radius: 16px;padding: 20px;} .sidebar .custom-form h2 {font-size: 22px;margin-bottom: 0;} .sidebar-settings .sidebar h5 {padding: 26px 20px 10px 20px !important;} .sidebar .price-row {padding: 12px 0px;} #header .header-body {background: rgba(13, 13, 13, 0.93) 0%} #header .header-btn-collapse-nav {background: #ffcc00;padding: 10px 15px;color: #000;} .header__wrapper-social {padding-top: 2px;padding-bottom: 2px;justify-content: space-between;border-bottom: 1px solid rgba(255, 255, 255, .07);} .heading.heading-middle-border h3 {background: transparent;} .heading.heading-middle-border h2 {background: transparent;} #header .header-nav.down-menu {min-height:95px} @media (min-width: 992px) { #header .header-logo img {top: 34px !important;} #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {background: #e6c23a;} } @media (max-width: 1023px) { #header .header-column .header-row {background: transparent;} } @media (max-width: 991px) { #header .header-logo img {top: 34px !important;} } .clear {clear:both !important; height:0px !important;} .clear10 {clear:both !important; height:10px !important;} .clear15 {clear:both !important; height:15px !important;} .clear20 {clear:both !important; height:20px !important;} .clear30 {clear:both !important; height:30px !important;} .clear40 {clear:both !important; height:40px !important;} .clear60 {clear:both !important; height:60px !important;} .clear75 {clear:both !important; height:75px !important;} .clear90 {clear:both !important; height:90px !important;} .social-icons li a {width: 38px;height: 38px;border-radius: 50%;background: rgba(201, 168, 76, 0.08) !important;border: 1px solid rgba(201, 168, 76, 0.22);color: #f2b400 !important;display: grid;place-items: center;transition: all 0.25s !important;font-size: 14px;} .social-icons li a:hover {background: #f2b400 !important;color: #0e0e0e !important;transform: translateY(-2px);} .mt-index {margin-top:-132px} .pad-index {padding: 220px 0 100px} section.index-bg { position: relative; overflow: hidden; background:linear-gradient(160deg,rgba(5, 5, 5, 0.98) 0%, rgba(0, 0, 0, 0.85) 30%,rgba(26, 18, 10, 0.6) 50%,rgba(0, 0, 0, 0.85) 75%,rgba(5, 5, 5, 0.98) 100%),url(/doc/slike/shop-interior.png); background-size: cover; background-position: center;} .uvodni-text h3 {display: inline-flex;align-items: center;gap: 8px;background: #c9a84c1f;color: #c9a84c;font-size: 11px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;padding: 8px 16px;border-radius: 20px;margin-top:30px;margin-bottom: 28px;border: 1px solid #c9a84c26;} .uvodni-text h1 {font-family: 'Playfair Display', serif;font-size: clamp(42px, 5vw, 68px);font-weight: 500;color: #fbf9f5;line-height: 1.08;margin-bottom: 24px;} .uvodni-text p {font-size: 17px;line-height: 1.75;color: #c9c3b4;margin-bottom: 32px;max-width: 520px;} .uvodni-text .button-tag .col-sm-12 {padding: 0;} .uvodni-text .button-tag .col-sm-12 .btn-gold {margin-left:0} .btn-success:hover, .btn-success.hover, .btn-success:focus, .btn-success.focus { border-color: #f0b400; color: #fff; background: linear-gradient(135deg, #fcd950 0%, #f0b400 100%); transform: translateY(-1px); color: #000000; } .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; font-family: 'Inter', sans-serif; font-size: 13px !important; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 6px; border: none; cursor: pointer; transition: all 0.25s;} .btn-gold {background: linear-gradient(135deg, #f0b400 0%, #fcd950 100%);color: #0d0d0d;} .btn-gold:hover {background: linear-gradient(135deg, #fcd950 0%, #f0b400 100%);transform: translateY(-1px);box-shadow: 0 8px 24px rgba(201, 168, 76, 0.25)} .btn-outline {background: rgba(201, 168, 76, 0.08);color: #e9b105;border: 1px solid rgba(201, 168, 76, 0.15);} .btn-outline:hover { background: rgba(201,168,76,0.15);color:#e9b105 } .btn-more {color: #1e1e1e !important;600;background: #f2b400;font-size: 12px !important;font-weight: 700;} .btn.btn-sm {padding: .5rem 1rem;} .tablica1-index .col-lg-9 {flex: 0 0 50%;max-width: 50%;} .tablica1-index .col-lg-3 {flex: 0 0 50%;max-width: 50%;} .hero-price-card {background: rgba(21,21,21,0.9);border: 1px solid rgba(201,168,76,0.15);border-radius: 16px;padding: 36px;position: relative;overflow: hidden;box-shadow: 0 8px 40px rgba(0,0,0,0.4), 0 0 80px rgba(201,168,76,0.04)} .hero-price-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #caa94d, #dfc06e, #caa94d);} .price-card-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;} .price-card-title {font-family: 'Playfair Display', serif;font-size: 22px;color: #ffffff;} .price-card-live {display: flex;align-items: center;gap: 6px;font-size: 11px;font-weight: 600;color: #4ade80;letter-spacing: 1px;text-transform: uppercase;} .price-card-live::before {content: '';width: 6px;height: 6px;background: #4ade80;border-radius: 50%;animation: pulse 2s infinite;} @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } .price-row {display: flex;justify-content: space-between;align-items: center;padding: 12px 28px;border-bottom: 1px solid #2a2a2a;} .price-row:last-child { border-bottom: none; } .price-label {font-size: 14px;color: #c9c3b4;} .price-label span {color: #a49d8f;font-size: 12px;} .price-value {font-weight: 700;color: #f2b400;font-size: 16px;} .price-card-footer {padding-top: 20px;font-size: 11px;color: #a49d8f;text-align: center;} .price-row-header {margin: 12px 0 6px;padding-top: 8px;border: none;} .price-row-title-gold {color: #caa84c;} .price-row-title {font-size: 12px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;} .dukati-row {display: flex;align-items: center;gap: 10px;margin: 4px 0;} .dukat-kupi-btn {padding: 2px 10px;font-size: 0.9rem;} .dukati-banner {display: grid;grid-template-columns: auto 1fr;gap: 16px;align-items: start;} .dukati-banner__image img {display: block;max-width: 150px;height: auto;border-radius: 4px;} .dukati-banner__content {min-width: 0;} @media (max-width: 600px) { .dukati-banner {grid-template-columns: 1fr;} .dukati-banner__image {text-align: center;margin-bottom: 12px;margin: 0 auto; /* centriranje slike */} } .dukati-banner {background-color: #ffdb6f;border-radius: 6px;padding: 20px 16px;margin: 16px 28px;box-shadow: 0 2px 4px rgba(0,0,0,0.08);} .dukati-banner__title {margin: 0 0 8px;color: #000000;} .dukati-banner__row {display: flex;align-items: center;gap: 10px;margin: 0;border-bottom: 1px solid #ceac47;padding: 7px 0;} .dukati-banner__row:last-child {border:none} .dukati-banner__text {text-decoration: none;color: #000000;} .dukati-banner__text:hover {text-decoration: underline;} .dukati-banner-otkup {background-color: #000000;border-radius: 6px;padding: 20px 16px;margin: 16px 28px;box-shadow: 0 2px 4px rgba(0,0,0,0.08);} .dukati-banner-otkup__title {margin: 0 0 8px;color: #f0b400;} .dukati-banner-otkup__row {display: flex;align-items: center;gap: 10px;margin: 0;border-bottom: 1px solid #2a2a2a;padding: 7px 0;} .dukati-banner-otkup__row:last-child {border:none} .dukati-banner-otkup__text {text-decoration: none;color: #ffffff;} .dukati-banner-otkup__text:hover {text-decoration: underline;} .dukati-banner-otkup__left {color: #e5c45c;} .dukati-banner-otkup__right {margin-left: auto; color: #ff0000; font-style: italic; } .dukati-banner__btn {margin-left: auto;} .trust-bar {background: #f3f0ea;padding: 11px 0 5px 0;border-top: 1px solid #d7d1c5;border-bottom: 1px solid #d7d1c5;} .trust-bar .container-xl.mt-4 {margin-top:0 !important} .trust-bar h4 {font-size: 13px;font-weight: 600;color: #4b4641;} .trust-bar .feature-box:hover {background:none} .trust-bar .feature-box-tertiary .feature-box-icon {background-color:transparent} .trust-bar .feature-box-tertiary .feature-box-icon {background-color: transparent;height: auto;width: auto;padding: 0;top: 0;font-size: 16px;color: #e7ac00;display: block;} .trust-item i {color: #e7ac00;font-size: 16px;} ul.breadcrumb a {color: #fecd01;} .heading-naslovi-page figure.image img {border-radius: 15px;} .heading-naslovi p span.text-small {display: inline-flex;align-items: center;gap: 10px;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 16px;} .heading-naslovi p span.text-small::before {content: '';width: 32px;height: 1px;background: #f2b400;} .heading-naslovi h2 {font-family: 'Playfair Display', serif;color: #1f1b16;font-size: clamp(28px, 3.5vw, 44px);font-weight: 500;line-height: 1.15;margin-bottom: 20px;} .heading-naslovi p {font-size: 15px;color: #4b4641;max-width: 560px;margin: 0 auto;line-height: 1.7;font-weight:400} .heading-naslovi-white p span.text-small {display: inline-flex;align-items: center;gap: 10px;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 16px;} .heading-naslovi-white p span.text-small::before {content: '';width: 32px;height: 1px;background: #f2b400;} .heading-naslovi-white h2 {font-family: 'Playfair Display', serif;color: #ffffff;font-size: clamp(28px, 3.5vw, 44px);font-weight: 500;line-height: 1.15;margin-bottom: 20px;} .heading-naslovi-white p {font-size: 15px;color: #ffffff;margin: 0 auto;line-height: 1.7;font-weight:400} .heading-naslovi-page {padding: 40px 0 !important;} .heading-naslovi-page p span.text-small {display: inline-flex;align-items: center;gap: 10px;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 16px;} .heading-naslovi-page p span.text-small::before {content: '';width: 32px;height: 1px;background: #f2b400;} .heading-naslovi-page h2 {font-family: 'Playfair Display', serif;color: #1f1b16;font-size: clamp(28px, 3.5vw, 44px);font-weight: 500;line-height: 1.15;margin-bottom: 20px;} .heading-naslovi-page p {font-size: 15px;color: #4b4641;margin: 0 0 10px 0;line-height: 1.7;font-weight:400} .heading-naslovi-page p a {color: #f0b400;font-weight: 600;} .heading-naslovi-entry p span.text-small {display: inline-flex;align-items: center;gap: 10px;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 16px;} .heading-naslovi-entry p span.text-small::before {content: '';width: 32px;height: 1px;background: #f2b400;} .heading-naslovi-entry h2 {font-family: 'Playfair Display', serif;color: #1f1b16;font-size: clamp(28px, 3.5vw, 44px);font-weight: 500;line-height: 1.15;margin-bottom: 0;} .heading-naslovi-entry p {font-size: 15px;color: #4b4641;line-height: 1.7;margin:0;font-weight:400} .heading-naslovi-entry .heading.heading-border {margin-bottom: 0px;} .heading-text-prodaja img { margin: 1.5rem auto; max-width: 359px !important; display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 10px 30px rgba(0, 0, 0, .08); } .heading-text-prodaja { margin: 0 auto; padding: 24px 16px; text-align: center; color: #2b2b2b; } .heading-text-prodaja h2 { font-size: 2rem; line-height: 1.2; margin-bottom: 1rem; color: #151515; } .heading-text-prodaja h3 { font-size: 1.25rem; line-height: 1.3; margin-top: 2rem; margin-bottom: 0.75rem; color: #f0b400; } .heading-text-prodaja p { margin: 0 auto 1rem; line-height: 1.75; color: #333; } .heading-text-prodaja ul { display: inline-block; text-align: left; margin: 0 auto 1rem; padding-left: 1.25rem; max-width: 760px; } .heading-text-prodaja li { margin-bottom: 0.5rem; line-height: 1.7; } .heading-text-prodaja .article-image { margin: 1.5rem auto; max-width: 760px; } .heading-text-prodaja .article-image img { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.08); } .heading-text-prodaja blockquote { margin: 1.5rem auto; max-width: 760px; padding: 1rem 1.25rem; border-left: 4px solid #f0b400; background: rgb(243, 240, 234); border-radius: 10px; font-weight: 600; line-height: 1.6; } .heading-text-prodaja .cta { margin: 2rem auto 0; padding: 1rem 1.25rem; background: rgb(243, 240, 234); border-radius: 12px; } .heading-text-prodaja .cta a {display: inline-block;color: #151515;text-decoration: none;font-weight: 700;border-bottom: 2px solid #f0b400;padding-bottom: 2px;} .heading-text-prodaja .cta a:hover {color: #f0b400;} .entry-zalagaonica-page .heading-naslovi-page {padding:0 !important} .entry-zalagaonica-page .col-lg-9 p:first-of-type a img { display: block; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .heading-text-prodaja {padding: 16px 12px;} .heading-text-prodaja h2 {font-size: 1.6rem;} .heading-text-prodaja h3 {font-size: 1.15rem;} .heading-text-prodaja p,.heading-text-prodaja blockquote,.heading-text-prodaja .cta,.heading-text-prodaja .article-image {max-width: 100%;} } .usluge-section {padding: 100px 0;background: #fbf9f5;} .usluge-section .container-xl.mt-4 {margin-top:0 !important} .usluge-box .row > .col-lg-3 {margin-bottom: 30px;} .usluge-box .featured-box {border-radius: 12px !important;transition: all 0.3s;border: 1px solid linear-gradient(90deg, #f2b400, #dfc06e);text-align: left;} .usluge-box .featured-box:hover {border-color: #f2b400;transform: translateY(-3px);box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);} .usluge-box .featured-box .box-content:hover{border-top: 1px solid #f2b400 !important;border-bottom: 0 !important;border-radius: 10px !important; transition: all 0.3s;position: relative;overflow: hidden;} .usluge-box .featured-box .box-content {border-top: none;} .usluge-box .featured-box .icon-featured {width: 48px;height: 48px;background: rgb(248 244 233);border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #f2b400;margin: 0 0 20px 0;} .usluge-box .featured-box .icon-featured:after {display:none} .usluge-box .featured-box .box-content p a {font-size: 12px;font-weight: 800;letter-spacing: 1px;text-transform: uppercase;color: #f2b400 !important;} .usluge-box .featured-box .box-content p a:hover {color: #dfc06e;} .usluge-box .featured-box .box-content h4 {font-family: 'Playfair Display', serif;font-size: 18px !important;color: #1f1b16 !important;margin-bottom: 10px !important;letter-spacing:normal;font-weight: 600 !important;} .usluge-box .featured-box .box-content h4 p {margin:0!important;color: #1f1b16 !important;} .usluge-box .featured-box .box-content p {color: #4b4641;line-height: 1.6;margin-bottom:0} .featured-box .box-content.box-content-border-0 {border-top: 1px solid rgba(0, 0, 0, .0) !important;} .box-kakoradimo {padding-top:50px} .box-kakoradimo p span.text-small {display: inline-flex;align-items: center;gap: 10px;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 16px;} .box-kakoradimo p span.text-small::before {content: '';width: 32px;height: 1px;background: #f2b400;} .box-kakoradimo h2 {font-family: 'Playfair Display', serif;color: #1f1b16;font-size: clamp(28px, 3.5vw, 44px);font-weight: 500;line-height: 1.15;margin-bottom: 20px;} .box-kakoradimo p {font-size: 15px;color: #4b4641;line-height: 1.7;} .box-kakoradimo ul {list-style: none !important;padding: 0;} .box-kakoradimo ul li {list-style: none !important;list-style-type: none !important;font-size: 15px;color: #4b4641;line-height: 1.6em; padding: 8px 0;} .box-kakoradimo ul li::before {content: "\f058";font-family: "Font Awesome 6 Pro";font-weight: 900;color: #f2b400; padding-right: 20px;} .onama-section {padding: 100px 0;background: #f3f0ea;} .onama-animation .col-lg-9 {flex: 0 0 50%;max-width: 50%;} .onama-animation .col-lg-3 {flex: 0 0 50%;max-width: 50%;} .onama-animation .col-lg-3 img {border-radius:20px;aspect-ratio: 9 / 6;} .onama-animation p span.text-small {display: inline-flex;align-items: center;gap: 10px;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 16px;} .onama-animation p span.text-small::before {content: '';width: 32px;height: 1px;background: #f2b400;} .onama-animation h2 {font-family: 'Playfair Display', serif;color: #1f1b16;font-size: clamp(28px, 3.5vw, 44px);font-weight: 500;line-height: 1.15;margin-bottom: 20px;} .onama-animation p {font-size: 15px;color: #4b4641;line-height: 1.7;} .onama-animation ul {list-style: none !important;margin: 0 0 25px 0;padding: 0;display: flex;flex-wrap: wrap;gap: 16px 24px;} .onama-animation ul li {list-style: none !important;list-style-type: none !important;font-size: 15px;color: #4b4641;line-height: 1.6em;margin-bottom: 0px;flex: 0 0 calc(50% - 12px);position: relative;padding-left: 2rem;} .onama-animation ul li::before {content: "\f058";font-family: "Font Awesome 6 Pro";font-weight: 900;color: #f2b400;position: absolute;left: 0;top: 0.15em;} .onama-animation-slika .col-lg-3 img { border-radius: 20px; aspect-ratio: 6 / 6; max-height: 100%; width: auto; border-radius: 20px; object-fit: contain; } .onama-animation-slika .col-lg-3 { flex: 0 0 50%; max-width: 50%; max-height: 100%; border-radius: 20px !important; } .recenzije-section {padding: 100px 0;background: #0e0e0e;} .box-recenzije .row.featured-boxes-sidebar .col-lg-12 > .row > .col > .row {display: flex;justify-content: center;} .box-recenzije .feature-box-tertiary .feature-box-icon {background-color: rgba(201, 168, 76, 0.12); background-color: rgba(201, 168, 76, 0.12);color: #be9f48;font-size: 21px;border-radius: 12px;} .box-recenzije .feature-box.feature-box-tertiary {gap: 18px;background: #151515;border: 1px solid rgba(201, 168, 76, 0.18);border-radius: 14px;padding: 22px 32px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);} .box-recenzije h4 p {font-family: 'Playfair Display', serif;font-size: 30px;color: #f0b400; } .box-recenzije p {font-size: 12px;color: #c8c2b3;margin-top: 4px;letter-spacing: 0.3px;margin-bottom:0} .box-recenzije .feature-box-info p:last-of-type {margin-bottom:0} .box-recenzije .feature-box-info p.mb-4 {display:none} .pochenareviews {padding:0 !important} .pochenareviews .owl-item img {display:none} .pochenareviews i.fas.fa-star {color:#f0b400;font-size:10px} .pochenareviews .content {padding: 36px;background: #151515;border: 1px solid #2a2a2a;border-radius: 14px;transition: all 0.3s;} .pochenareviews .content:hover{border-color:rgba(201,168,76,0.3) ;box-shadow: 0 16px 40px rgba(0,0,0,0.4);transform: translateY(-4px);} .pochenareviews .header-lists {display:none} .pochenareviews p strong {font-size: 14px;color: #faf8f4;font-weight: 600;line-height: 1.2;} .pochenareviews p i {font-size: 14px;line-height: 1.75;color: #ece8df;margin-bottom: 24px;} .pochenareviews p {line-height:1.2em; color: #ece8df;font-weight:400} .pochenareviews p span.text-small {color: #a39c8e} .pochenareviews .owl-carousel.owl-drag .owl-item {padding: 0 8px;} .pochenareviews .owl-theme .owl-dots, .pochenareviews .owl-theme .owl-nav {margin-top:15px} .pochenareviews .content > div p:last-of-type {border-top: 1px solid #2a2a2a;padding-top: 12px;margin-bottom:0} .pochenareviews .owl-carousel .owl-item {position: relative;} .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {background-color: #f0b400;} .owl-theme .owl-dots .owl-dot span { background: #333333;border-radius: 30px;} .owl-carousel .owl-dots .owl-dot.active span {width: 32px;border-radius: 6px;} .pochenareviews .owl-carousel .owl-item::after { content: "“"; position: absolute; top: 20px; right: 24px; color: #f0b400; opacity: 0.18; font-family: 'Playfair Display', serif; font-size: 64px; line-height: 1; pointer-events: none; } .pochenareviews .owl-carousel .owl-stage {padding-top:15px} .pochenareviews .owl-carousel .owl-nav button.owl-next:before {top: 0;} .pochenareviews .--bg-arrows .owl-carousel .owl-nav button.owl-next:before, .pochenareviews .--bg-arrows .owl-carousel .owl-nav button.owl-prev:before {font-size: 14px;} .pochenareviews .--bg-arrows .owl-carousel .owl-nav button[class*=owl-] { position: absolute; top: 50%; transform: translateY(-50%); width: 52px !important; height: 52px !important; border-radius: 50%; background-color: #151515 !important; border: 1px solid rgba(201, 168, 76, 0.25) !important; color: #f0b400 !important; cursor: pointer; transition: all 0.25s; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);} .pochenareviews .--bg-arrows .owl-carousel .owl-nav button[class*=owl-]:hover {background: #f0b400 !important;color: #0d0d0d !important;transform: translateY(-50%) scale(1.05);} .faq-section {padding: 100px 0;background: #f3f0ea;} .faq-box .toggle .toggle { margin: 10px 0 0; background: #ffffff; border: 1px solid #d7d1c5; border-radius: 10px; margin-bottom: 12px; overflow: hidden; transition: border-color 0.2s; } .faq-box .toggle.toggle-simple .toggle > .toggle-title { border: none !important; border-radius: 5px; margin-bottom: 0; padding: 24px 28px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 600; color: #0f1a2e; user-select: none;} .faq-box .toggle > .toggle-content {padding: 0 28px 24px;font-size: 15px;color: #6b7080;line-height: 1.8;} .faq-box .toggle.toggle-simple {max-width: 800px;margin: 0 auto;} .faq-box .toggle.toggle-simple .toggle > label:before, .faq-box .toggle.toggle-simple .toggle > .toggle-title:before {color: #f2b400;} .faq-box section.toggle:hover, .faq-box section.toggle.active {border-color:#f2b400} .show-on-desktop {display: block;} .hide-on-desktop {display: none;} @media (max-width: 991px) { .show-on-desktop {display: none;} .hide-on-desktop {display: block;} } .prices-section {padding: 100px 0;background: #0e0e0e /*linear-gradient(180deg, #0d0d0d 0%, #2a1f12 20%, #362816 45%, #362816 55%, #2a1f12 80%, #0d0d0d 100%)*/;border-top: 1px solid #2a2a2a;border-bottom: 1px solid #2a2a2a;} .prices-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;margin-top: 0px;} .price-table-wrap {background: rgba(26,26,26,0.8);border: 1px solid rgba(201,168,76,0.1);border-radius: 12px;overflow: hidden;backdrop-filter: blur(10px);} .price-table-header {padding: 24px 28px;border-bottom: 1px solid #2a2a2a;display: flex;align-items: center;gap: 12px;} .price-table-header i { font-size: 24px; color: #f0b400 } .price-table-header h3 {font-family: 'Playfair Display', serif;font-size: 22px;color: #ffffff;font-weight: 500;margin-bottom:0} .price-table {width: 100%;border-collapse: collapse;} .price-table th {text-align: left;padding: 12px 28px;font-size: 10px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #a39c8e;background: rgba(201,168,76,0.03);border-bottom: 1px solid #2a2a2a;} .price-table th:last-child { text-align: right; } .price-table td {padding: 12px 28px;font-size: 14px;color: #c8c2b3;border-bottom: 1px solid #2a2a2a} .price-table td:last-child {text-align: right;font-weight: 700;color: #f0b400;font-size: 15px;} .price-table tr:last-child td { border-bottom: none; } .price-table tr:hover td { background: rgba(201,168,76,0.03); } .price-note {padding: 16px 28px;font-size: 12px;color: a39c8e;border-top: 1px solid #2a2a2a} .kc-wrap .kc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:20px} @media (max-width:820px){.kc-wrap .kc-grid{grid-template-columns:1fr}} .kc-card{background:#fff;border:1px solid #e6e2d8;border-radius:12px;padding:1rem 1.1rem 0.75rem;box-shadow:0 1px 4px rgba(0,0,0,.05)} .kc-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem} .kc-head i{font-size:1.35rem} .kc-card--gold .kc-head i{color:#b8892b} .kc-card--silver .kc-head i{color:#8c95a1} .kc-titles h3{margin:0;font-size:1.05rem;line-height:1.2} .kc-titles span{font-size:.75rem;color:#8a8578} .kc-now{margin-left:auto;text-align:right} .kc-now strong{display:block;font-size:1.25rem;white-space:nowrap} .kc-chg{font-size:.75rem;font-weight:600;white-space:nowrap} .kc-chg.kc-up{color:#1e7d3c} .kc-chg.kc-down{color:#b3392b} .kc-chart svg{display:block;width:100%;height:150px} .kc-range{display:flex;justify-content:space-between;font-size:.7rem;color:#9a9587;margin-top:.25rem} .kc-note{text-align:center;font-size:.75rem;color:#8a8578;margin-top:.7rem} .kalkulator-section {padding: 100px 0;background: #fbf9f5;} .calc-card {background: #ffffff;border: 1px solid #d8d2c6;border-radius: 16px;padding: 40px;position: relative;overflow: hidden;box-shadow: 0 4px 24px rgba(0,0,0,0.06);} .calc-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #f0b400, #dfc06e, #f0b400);} .calc-card h3 {font-family: 'Playfair Display', serif;font-size: 24px;color: #1f1b16;margin-bottom: 24px;font-weight:600} .calc-row { margin-bottom: 20px; } .calc-row label {display: block;font-size: 11px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #565656;margin-bottom: 8px;} .calc-row select, .calc-row input {width: 100%;padding: 14px 16px;background: #faf8f4;border: 1px solid #d8d2c6;border-radius: 8px;color: #1f1b16;font-family: 'Inter', sans-serif;font-size: 15px;outline: none;transition: border-color 0.2s;-webkit-appearance: none;} .calc-row select:focus, .calc-row input:focus { border-color: #f0b400; } .calc-row select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6560' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px;} .calc-row select option { background: #ffffff; color: #1f1b16; } .calc-result {background: rgba(201,168,76,0.06);border: 1px solid rgba(201,168,76,0.2);border-radius: 12px;padding: 24px;text-align: center;margin-top: 24px;} .calc-result-label {font-size: 11px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #565656;margin-bottom: 8px;} .calc-result-value {font-family: 'Playfair Display', serif;font-size: 42px;color: #f0b400;font-weight: 700;} .calc-result-value span {font-size: 29px;color: #f0b400;} .calc-info {margin-top: 16px;font-size: 12px;color: #565656;text-align: center;} .calc-info a {color: #1f1b16;} .calc-text h3 {font-family: 'Playfair Display', serif;font-size: 28px;color: #1f1b16;margin-bottom: 16px;} .calc-text p {font-size: 15px;color: #4a4540;line-height: 1.75;margin-bottom: 20px;} .calc-features {list-style: none;margin-top: 20px;} .calc-features li {display: flex;align-items: center;gap: 12px;font-size: 14px;color: #4a4540;padding: 8px 0;} .calc-features li i {color: #f0b400;font-size: 14px;width: 20px;text-align: center;} .process.process-shapes .process-step-circle .process-step-circle-content, .process.process-shapes .process-step-circle:before, .process.process-shapes .process-step-circle:after {background-color: #f0b400;} .process-shapes .process-step:before {height: 1px;background-color: #1f1b16;} .process-step-content h4 {font-family: 'Playfair Display', serif;font-size: 18px !important;color: #1f1b16;margin-bottom: 8px;font-weight: 500 !important;} .process .process-step-content p{margin-bottom: 0;font-size: 14px;color: #4b4641;line-height: 1.6;} @media (min-width: 992px) { .process-shapes .process-step:before {width: 20%;left: 90%;} } .index-kontaktinfo .feature-box .feature-box-icon {width: 44px;height: 44px;background: #fbf8f1;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #e7ac00;flex-shrink: 0;} .index-kontaktinfo .feature-box {background: #ffffff;border: 1px solid #d7d1c5;border-radius: 12px;padding: 24px;margin-bottom: 20px;} .index-kontaktinfo .feature-box p {margin-bottom:0px !important;font-size: 14px;color: #4a4540;line-height: 1.6;} .index-kontaktinfo .feature-box .feature-box-info h4 {margin-top: 5px !important;} .index-kontaktinfo .feature-box h4 p {font-size: 15px;color: #1f1b16;margin-bottom: 4px;font-weight:600} .box-kontakt .fui-i {background: #ffffff;border: 1px solid #d8d2c6;border-radius: 12px;padding: 36px;box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);} .box-kontakt .fui-i h2 {font-family: 'Playfair Display', serif;font-size: 22px;color: #1f1b16;margin-bottom: 24px;font-weight: 600; margin-bottom: 0;} .box-karta {margin-bottom:100px;margin-top:30px} .box-karta .container-xl.map-new {padding: 0;border-radius: 12px;overflow: hidden;border: 1px solid #d8d2c6;height: 300px;margin-top: -30px;} .box-karta .container-xl.map-new .gm-map {height: 355px;} .fui-field.fui-type-heading.fui-label-above-input.fui-subfield-label-above-input.fui-instructions-below-input.fui-page-field {margin-top: 0 !important;} .box-kontakt .fui-i label.fui-label {display: block;font-size: 11px;font-weight: 700;letter-spacing: 1.5px;text-transform: uppercase;color: #565656;} .box-kontakt .fui-i .fui-input, .box-kontakt .fui-i .fui-select {padding: 12px 14px;background: #faf8f4;border: 1px solid #d8d2c6;border-radius: 8px;color: #1f1b16;font-family: 'Inter', sans-serif;font-size: 14px;outline: none;transition: border-color 0.2s;} .fui-input.fui-focus, .fui-input:focus, .fui-select.fui-focus, .fui-select:focus {border-color: #f0b400 !important;box-shadow: none !important;} .fui-submit {background: linear-gradient(135deg, #f0b400 0%, #fcd950 100%);color: #0d0d0d;;color: #0d0d0d !important;border: none !important;box-shadow: none !important;letter-spacing: 0.5px;border-radius: 6px !important;padding: 15px !important;} .fui-submit:hover {background: linear-gradient(135deg, #fcd950 0%, #f0b400 100%);color: #0d0d0d;;transform: translateY(-1px);box-shadow: 0 8px 24px rgba(201, 168, 76, 0.25)} .fui-btn-wrapper .fui-btn {margin: 0;width: 100%;font-weight:600} .entry-kontakt .box-karta {margin-bottom: 15px;margin-top: 30px;text-align: center !important;} .entry-kontakt .col-lg-12 p span, .entry-kontakt p span strong, .entry-kontakt p {text-align:center !important} .container-xl.kuponi {margin-top: 30px;} .kuponi .row {align-items: stretch;} .kuponi .col-lg-6 {display: flex;} .kuponi .box-zalagaonica,.kuponi .box-kupon {width: 100%;height: 100%;} .box-kupon ul {margin: 0 0 0 35px;color: #c9c3b4;} .box-kupon {border-radius: 20px; padding: 30px 180px 30px 30px; background-color: #0e0e0e; background-image: url("/doc/slike/kupon-print.png"); background-repeat: no-repeat; background-size: auto; /* slika se skaluje da stane */ background-position: right top; /* desno u sredini */ position: relative; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3)} .box-kupon p span.text-small {font-family: 'Inter', sans-serif;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 12px;display: inline-flex;align-items: center;gap: 10px;} .box-kupon p span.text-small::before {content: '';width: 28px;height: 1px;background: #f2b400;} .box-kupon h2 {font-family: 'Playfair Display', serif;font-size: clamp(26px, 2.4vw, 38px);color: #fff;line-height: 1.2;margin-bottom: 12px;font-weight: 500;} .box-kupon p {font-size: 15px;line-height: 1.7;color: #c9c3b4;} .box-zalagaonica { border-radius: 20px; padding: 30px; background-color: #0e0e0e; position: relative; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3)} .box-zalagaonica .container-xl.button-tag, .box-zalagaonica .container-xl.mt-4 {padding:0} .box-zalagaonica ul li {list-style: none !important;list-style-type: none !important;font-size: 15px;color: #c9c3b4;line-height: 1.6em;margin-bottom: 0px;flex: 0 0 calc(50% - 12px);position: relative;padding-left: 1.7rem;} .box-zalagaonica ul li::before {content: "\f058";font-family: "Font Awesome 6 Pro";font-weight: 900;color: #f2b400;position: absolute;left: 0;top: 0.15em;} .box-zalagaonica ul {color: #c9c3b4;list-style: none !important;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px 0;} .box-zalagaonica p span.text-small {font-family: 'Inter', sans-serif;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 12px;display: inline-flex;align-items: center;gap: 10px;} .box-zalagaonica p span.text-small::before {content: '';width: 28px;height: 1px;background: #f2b400;} .box-zalagaonica h2 {font-family: 'Playfair Display', serif;font-size: clamp(26px, 2.4vw, 38px);color: #fff;line-height: 1.2;margin-bottom: 12px;font-weight: 500;} .box-zalagaonica p {font-size: 15px;line-height: 1.7;color: #c9c3b4;} .box-zalagaonica .carousel-default .owl-item img {min-height: 200px;max-height: 200px;object-fit: contain;float: left;width: auto;} .box-zalagaonica .header-lists.container-fix {display:none} .entry-zalagaonica {margin-top:35px;border-radius: 20px; padding: 30px; background-color: #0e0e0e; position: relative; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3)} .entry-zalagaonica .container-xl.button-tag, .entry-zalagaonica .container-xl.mt-4 {padding:0} .entry-zalagaonica ul li {list-style: none !important;list-style-type: none !important;font-size: 15px;color: #c9c3b4;line-height: 1.6em;margin-bottom: 0px;flex: 0 0 calc(50% - 12px);position: relative;padding-left: 1.7rem;} .entry-zalagaonica ul li::before {content: "\f058";font-family: "Font Awesome 6 Pro";font-weight: 900;color: #f2b400;position: absolute;left: 0;top: 0.15em;} .entry-zalagaonica ul {color: #c9c3b4;list-style: none !important;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px 0;} .entry-zalagaonica p span.text-small {font-family: 'Inter', sans-serif;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 12px;display: inline-flex;align-items: center;gap: 10px;} .entry-zalagaonica p span.text-small::before {content: '';width: 28px;height: 1px;background: #f2b400;} .entry-zalagaonica h2 {font-family: 'Playfair Display', serif;font-size: clamp(26px, 2.4vw, 38px);color: #fff;line-height: 1.2;margin-bottom: 12px;font-weight: 500;} .entry-zalagaonica p {font-size: 15px;line-height: 1.7;color: #c9c3b4;} .entry-zalagaonica .carousel-default .owl-item img {min-height: 200px;max-height: 200px;object-fit: contain;float: left;width: auto;} .entry-zalagaonica .header-lists.container-fix {display:none} /* Saznajte više gumb centriran unutar sekcije Zalagaonica */ /* Desktop: gumb centriran u sekciji Zalagaonica */ @media (min-width: 992px) { section.box-zalagaonica .container-xl.button-tag { display: flex; justify-content: center; } section.box-zalagaonica .container-xl.button-tag .row.align-items-center { display: flex; justify-content: center; } section.box-zalagaonica .container-xl.button-tag .col-sm-12 { display: flex; align-items: center; justify-content: center !important; } } /* Ispod 992px: ponašaj se kao prije (lijevo poravnanje) */ @media (max-width: 991.98px) { section.box-zalagaonica .container-xl.button-tag .col-sm-12 { justify-content: flex-start !important; } } .cta-box { background: linear-gradient(180deg, rgb(8 8 8 / 59%) 0%, rgba(13, 13, 13, 0.90) 100%), url(/doc/slike/gold-coins.png); background-size: cover; background-position: center; border: 1px solid rgba(201, 168, 76, 0.22); border-radius: 20px; padding: 80px; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; position: relative; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);margin:100px 0} .cta-box-sidebar { background: linear-gradient(180deg, rgb(8 8 8 / 59%) 0%, rgba(13, 13, 13, 0.90) 100%), url(/doc/slike/gold-coins.png); background-size: cover; background-position: center; border: 1px solid rgba(201, 168, 76, 0.22); border-radius: 20px; padding: 20px 5px; display: grid; grid-template-columns: 1fr auto; gap: 0; align-items: center; position: relative; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);margin:25px 0} .cta-box .cta-text p span.text-small {font-family: 'Inter', sans-serif;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 12px;display: inline-flex;align-items: center;gap: 10px;} .cta-box .cta-text p span.text-small::before {content: '';width: 28px;height: 1px;background: #f2b400;} .cta-box .cta-text h2 {font-family: 'Playfair Display', serif;font-size: clamp(26px, 2.4vw, 38px);color: #fff;line-height: 1.2;margin-bottom: 12px;font-weight: 500;} .cta-box .cta-text p {font-size: 15px;line-height: 1.7;color: #c9c3b4;} .cta-text .footer-sidebar ul.simple-post-list li {border-bottom:none} .cta-text .footer-sidebar .simple-post-list li:hover {background: transparent;} .btn-block2 {display: block !important;width: 100%;} .cta-box-sidebar .cta-text p span.text-small {font-family: 'Inter', sans-serif;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 12px;display: inline-flex;align-items: center;gap: 10px;} .cta-box-sidebar .cta-text p span.text-small::before {content: '';width: 28px;height: 1px;background: #f2b400;} .cta-box-sidebar .cta-text h2 {font-family: 'Playfair Display', serif;font-size: 22px;color: #fff;line-height: 1.2;margin-bottom: 12px;font-weight: 500;} .cta-box-sidebar .cta-text p {font-size: 15px;line-height: 1.7;color: #c9c3b4;} .cta-box-sidebar .button-tag {padding:0} .page-header {margin: 0 0 60px;} .page-header h1 {font-family: 'Playfair Display', serif;font-weight: 500;} .page-header.page-header-classic:after {display:none} .page-header.page-header-lg {margin-top: -136px;padding: 175px 0 50px 0;background: linear-gradient(180deg, rgb(8 8 8 / 59%) 0%, rgba(13, 13, 13, 0.90) 100%), url(/doc/slike/gold-coins.png) !important;background-size: cover !important;background-position: center !important;background-repeat: no-repeat !important;} .page-header.page-header-mb0 {margin-bottom:0 !important} .mt-4 {margin-top: 0 !important;} .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper:after {border-radius: 12px;} .box-article article.post-large {border-radius: 12px !important;overflow: hidden;padding: 15px 15px 5px 15px;background: #1e1e1e;margin-bottom: 20px;} .box-article .post-content {} .box-article .post-content h4 {color: #ffffff;font-family: 'Playfair Display', serif;line-height: 25px !important;max-height: 53px;overflow: hidden;min-height: 53px;} .box-article .post-content p {color: #a7a192;line-height: 19px;max-height: 20px;overflow: hidden;} .box-article .post-content h4 a {color: #ffffff;font-size:1.3rem !important} .box-article .thumb-info.thumb-info-block.thumb-info-block-dark .thumb-info-wrapper:before {display:none} .box-article .thumb-info.thumb-info-centered-info:hover .thumb-info-title {opacity: 0;transform: translateY(-50%);} .box-article span.thumb-info-action {display: none;} .box-blog article.post.post-large {margin-left: 0;padding: 32px 28px !important;border-radius: 12px;margin-bottom: 20px;background: #ffffff; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC;} .box-blog article.post.post-large:hover {border: 1px solid #f2b400;background: #fbf9f5;box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);} .box-blog article.post.post-large h4 {font-family: 'Playfair Display', serif;color: #1f1b16 !important;margin-bottom: 10px !important;font-weight: 500 !important;} .box-blog article.post.post-large p {color: #4b4641;line-height: 1.6;} .box-blog article.post .post-meta > span.float-sm-right {float: left !important;} article.post .post-meta span {float: left !important;} article.post .post-meta {margin-bottom:0} .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {border-radius:40px} .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {width:40px;height:40px} #footer .proba .row-hyper .col-sm-12 {display: block !important;} #footer .proba .row-hyper .col-sm-12 p {display: flex;align-items: flex-start; gap: 8px;margin-bottom: 4px;} #footer .proba .row-hyper .col-sm-12 p i {flex: 0 0 20px;text-align: left;position: relative;top: 6px;color:#f0b400 } #footer .proba .row-hyper .col-sm-12 p a {flex: 1 1 auto;display: inline-block;} #footer a:not(.btn) {font-size:14px !important} #footer {background: linear-gradient(180deg, rgba(8, 8, 8, 0.93) 0%, rgba(13, 13, 13, 0.90) 100%), url(/doc/slike/gold-coins.png) !important;background-size: cover !important;background-position: center;color: rgba(255, 255, 255, 0.6);padding: 0;border-top: 1px solid #2a2a2a;} #footer p {font-size: 14px;line-height: 1.7; color: #c9c3b4;} #footer .button-tag p a {color: #c9c3b4;} .uvodni-text-footer p span.text-small {font-family: 'Inter', sans-serif;font-size: 11px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: #f2b400;margin-bottom: 12px;display: inline-flex;align-items: center;gap: 10px;} .uvodni-text-footer p span.text-small::before {content: '';width: 28px;height: 1px;background: #f2b400;} .uvodni-text-footer h3 {font-family: 'Playfair Display', serif;font-size: clamp(26px, 2.4vw, 38px);color: #fff;line-height: 1.2;margin-bottom: 12px;font-weight: 500;} .uvodni-text-footer p {font-size: 15px;line-height: 1.7;color: #c9c3b4;} .uvodni-text-footer .col-lg-3.media-order {display: flex;flex-direction: column;justify-content: center;} #footer .footer-sidebar ul.simple-post-list li {border-bottom:none} #footer .footer-sidebar .simple-post-list li:hover {background: transparent;} #footer .col-lg-2 h5 {font-size: 14px;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;color: #f2b400 !important;margin-bottom: 20px !important;} #footer h5.footer-info2 {display:none} #footer .footer-info1 {font-size: 12px;color: #a49d8f;letter-spacing: 0.3px;} #footer .footer-copyright .footer-info4 p {text-align:right} #footer .footer-copyright a {color: #f2b400 !important;font-size: 12px !important} #footer .footer-copyright p {font-size: 12px !important;color: #797771;} #footer .footer-copyright .social-icons li a:hover {color: #0e0e0e !important;} #footer .footer-copyright .col-lg-3.d-flex.justify-content-center {justify-content: end !important;margin-bottom: 8px;} .footer-top {padding: 24px 0 48px;border-bottom: 1px solid rgba(255, 255, 255, 0.08);margin-bottom: 48px} /* ========================================================================== OTKUP ZLATA — WMD front-end overrides (v3) -------------------------------------------------------------------------- 1) Font → FULL-PAGE replacement (icon-safe), 3 swappable options 2) Main menu → larger (13px → 18px) 3) Hero buttons → equal height 4) Service cards → compact + equal height + CTA pinned to bottom 5) Wider content container (less side padding) + kill horizontal overflow Theme: Porto (Bootstrap) on Craft CMS. LOAD ORDER: include this LAST (after the theme CSS) so the !important font rules win. Without that, the theme's own fonts keep showing through (that was the bug — too few elements changed). ========================================================================== */ /* ============================ 1) FONT ==================================== Pick ONE option. Manrope is active. To switch, comment Manrope's @import + :root block and uncomment another option's @import + :root block. Self-hosting the woff2 is recommended (speed + GDPR) instead of @import. -------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap'); :root{ --wmd-font-body: 'Manrope', system-ui, -apple-system, "Segoe UI", sans-serif; --wmd-font-head: 'Manrope', system-ui, -apple-system, "Segoe UI", sans-serif; --wmd-em-style: normal; /* hero emphasis word "zlata": normal for sans */ } /* Apply body font to EVERYTHING except icon glyphs (Font Awesome / .icon-*). The :not() list is what keeps icons from turning into squares. */ body, body *:not([class*="fa-"], .fa, .fab, .far, .fas, .fal, .fad, .icon-featured, [class^="icon-"], [class*=" icon-"]) { font-family: var(--wmd-font-body) !important; } /* Headings use the heading font (matters for the serif options). */ body :is(h1, h2, h3, h4, h5, h6, .featured-box h4, [class*="heading"], [class*="title"]):not([class*="fa-"]) { font-family: var(--wmd-font-head) !important; font-weight: 700; } /* Hero emphasis word ("zlata") */ h1 em, h2 em { font-style: var(--wmd-em-style); } /* ============================ 2) MAIN MENU =============================== The menu