/* Theme Name: Vruci Razgovori Midnight Scarlet
Author: OpenAI
Description: Zavodljiva letnja WordPress tema inspirisana telefonskom centralom uživo.
Version: 6.1 */
:root{--black:#09060a;--panel:#160b11;--line:#3b1b2a;--white:#fff0f6;--muted:#b98b9e;--cyan:#ff2f92;--lime:#ff174f;--orange:#ff3b6d;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:#09060ae8;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.header-inner{min-height:74px;display:flex;align-items:center;gap:25px}.logo{font-size:24px;font-weight:950;letter-spacing:-1px;text-transform:uppercase}.logo:before{content:"●";color:var(--lime);font-size:18px;margin-right:9px;text-shadow:0 0 15px var(--lime)}.logo span{color:var(--cyan)}.main-menu{margin-left:auto}.main-menu ul{display:flex;list-style:none;margin:0;padding:0;gap:2px}.main-menu a{display:block;padding:9px 12px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.main-menu a:hover{color:var(--cyan)}.top-call{background:var(--lime);color:#10070b;padding:10px 15px;border-radius:5px;font-size:12px;font-weight:950;text-transform:uppercase;box-shadow:0 0 25px #ff174f38}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#09060a 0,#11080e 65%,#1c0a14 100%)}.hero:before{content:"VRUĆI RAZGOVORI  •  CENTRALA UŽIVO  •  VRUĆI RAZGOVORI  •  CENTRALA UŽIVO  •";position:absolute;left:0;right:0;bottom:0;border-top:1px solid var(--line);padding:9px;color:#9f657d;font-size:10px;letter-spacing:4px;white-space:nowrap;text-align:center}.hero-inner{min-height:570px;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;padding:65px 0 85px}.issue{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-family:monospace;font-size:13px;text-transform:uppercase;letter-spacing:1px}.issue:before{content:"";width:9px;height:9px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px var(--lime)}.hero h1{font-size:clamp(55px,8vw,100px);line-height:.86;letter-spacing:-6px;text-transform:uppercase;margin:23px 0}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:2px var(--cyan);text-stroke:2px var(--cyan)}.hero p{max-width:670px;color:#d7afbe;font-size:18px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--orange);color:#10070b;padding:12px 18px;border:0;border-radius:5px;font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.6px}.button.light{background:transparent;color:var(--cyan);border:1px solid var(--cyan)}.hero-box{position:relative;width:360px;height:360px;margin:auto;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;text-align:center;box-shadow:0 0 0 25px #ff2f9208,0 0 0 55px #ff2f9205,0 0 65px #ff2f9218}.hero-box:before{content:"1  2  3  4  5  6  7  8  9";position:absolute;inset:28px;border:1px dashed #ff2f9266;border-radius:50%;font-family:monospace;font-size:17px;letter-spacing:10px;line-height:295px;overflow:hidden;color:var(--cyan)}.hero-box:after{content:"☎";position:absolute;display:grid;place-items:center;width:120px;height:120px;background:var(--lime);color:#09060a;border-radius:50%;font-size:55px;box-shadow:0 0 30px #ff174f44}.hero-box p,.hero-box .phone{display:none}
.section{padding:58px 0}.section-title{display:flex;align-items:end;gap:18px;margin-bottom:28px}.section-title:before{content:"//";color:var(--orange);font-family:monospace;font-size:38px;font-weight:900}.section-title h2{font-size:clamp(32px,4vw,52px);line-height:.95;text-transform:uppercase;letter-spacing:-2px;margin:0}.section-title p{margin:0 0 4px;color:var(--muted);border-left:1px solid var(--line);padding-left:18px}.grid{display:block;border-top:1px solid var(--line)}.card{position:relative;display:grid;grid-template-columns:80px 128px minmax(0,1fr) 250px;align-items:center;gap:18px;min-height:150px;padding:14px 8px;border-bottom:1px solid var(--line);background:transparent;transition:.18s}.card:hover{background:#21101a;box-shadow:inset 5px 0 0 var(--cyan)}.line-no{font-family:monospace;font-size:12px;color:#9b647b;text-transform:uppercase;letter-spacing:1px}.line-no strong{display:block;color:var(--cyan);font-size:24px}.card-image{position:relative;display:block;width:112px;height:112px}.card-image img{width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid #4a2031;filter:saturate(.85)}.card:hover .card-image img{border-color:var(--cyan)}.online{position:absolute;right:-5px;bottom:5px;width:23px;height:23px;background:var(--lime);border:4px solid var(--black);border-radius:50%;font-size:0;box-shadow:0 0 13px #ff174f88}.card-body{display:grid;grid-template-columns:minmax(0,1fr) 225px;align-items:center;gap:25px;padding:0}.card h2,.card h3{font-size:27px;text-transform:uppercase;letter-spacing:-1px;margin:0 0 6px}.card p{color:var(--muted);font-size:14px;margin:0;max-width:590px}.card-buttons{display:grid;grid-template-columns:.85fr 1.15fr;gap:7px}.card-buttons a{padding:11px 8px;text-align:center;border:1px solid #5b2940;border-radius:4px;text-transform:uppercase;font-size:11px;font-weight:950}.card-buttons a:last-child{background:var(--orange);color:#10070b;border-color:var(--orange)}.light-section{background:#160b11;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.light-section .section-title:before{color:var(--lime)}.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cat-link{position:relative;background:#20101a;border:1px solid #522239;padding:17px 14px 17px 42px;text-transform:uppercase;font-size:12px;font-weight:900}.cat-link:before{content:"CH";position:absolute;left:12px;color:var(--cyan);font-family:monospace}.cat-link:hover{background:var(--cyan);color:#10070b}.cat-link:hover:before{color:#10070b}.seo-text{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;border:1px solid var(--line);border-left:8px solid var(--orange);padding:38px;background:#160b11}.seo-text h2{font-size:42px;line-height:1;text-transform:uppercase;margin:0}.seo-text p{color:var(--muted);margin-top:0}.archive-head{text-align:left;padding:50px 0 28px;border-bottom:1px solid var(--line)}.archive-head h1,.article h1{font-size:clamp(43px,6vw,76px);line-height:.9;text-transform:uppercase;letter-spacing:-4px;margin:0 0 12px}.breadcrumb{padding-top:20px;color:var(--muted);font-family:monospace;font-size:12px}.breadcrumb a{color:var(--cyan)}.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;padding:30px 0 60px}.article{background:#160b11;border:1px solid var(--line);border-top:5px solid var(--cyan);padding:clamp(22px,4vw,42px);min-width:0}.article>img{width:100%;max-height:680px;object-fit:cover}.article-content{font-size:17px;color:#f2dce5}.article-content img{border:1px solid var(--line)}.article-content .alignleft{float:left;margin:8px 24px 16px 0}.article-content .alignright{float:right;margin:8px 0 16px 24px}.article-content .aligncenter{display:block;margin-left:auto;margin-right:auto}.article-content:after{content:"";display:block;clear:both}.call-box{background:var(--orange);color:#10070b;padding:22px;margin:28px 0}.call-box strong{display:block;font-size:28px;text-transform:uppercase}.sidebar{background:#160b11;border:1px solid var(--line);padding:18px;height:max-content}.sidebar h2{font-size:24px;text-transform:uppercase}.mini{display:flex;gap:11px;padding:11px 0;border-top:1px solid var(--line)}.mini img{width:62px;height:62px;border-radius:50%;object-fit:cover}.mini strong{display:block;text-transform:uppercase}.mini span{font-size:11px;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:7px;margin:34px 0}.page-numbers{border:1px solid var(--line);padding:9px 13px}.page-numbers.current{background:var(--cyan);color:#10070b}.site-footer{background:#060306;border-top:1px solid var(--line);padding:42px 0 85px}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:40px}.site-footer p,.site-footer li{font-size:13px;color:var(--muted)}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:7px 0}.mobile-call{display:none}.search-form{display:flex;max-width:650px;margin:22px 0}.search-form input{flex:1;background:#160b11;color:#fff;border:1px solid var(--line);padding:13px;font-size:16px}.search-form button{border-radius:0}.empty{border:1px solid var(--line);padding:35px;text-align:center}
@media(max-width:980px){.main-menu{display:none}.header-inner .top-call{margin-left:auto}.hero-inner{grid-template-columns:1fr}.hero-box{display:none}.card{grid-template-columns:65px 100px minmax(0,1fr)}.card-image,.card-image img{width:90px;height:90px}.card-body{grid-template-columns:1fr}.card-buttons{max-width:260px}.single-layout{grid-template-columns:1fr}.cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){body{padding-bottom:68px}.wrap{width:min(calc(100% - 20px),var(--max))}.site-header{position:relative}.logo{font-size:18px}.top-call{font-size:10px;padding:8px}.hero-inner{min-height:auto;padding:45px 0 72px}.hero h1{font-size:53px;letter-spacing:-4px}.section{padding:42px 0}.section-title{display:block}.section-title:before{display:block}.section-title p{border-left:0;padding:8px 0 0}.card{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:13px 0}.line-no{display:none}.card-image,.card-image img{width:72px;height:72px}.card-body{display:block}.card h2,.card h3{font-size:19px}.card p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-buttons{grid-template-columns:1fr;margin-top:9px}.card-buttons a:first-child{display:none}.cats{grid-template-columns:repeat(2,1fr)}.cat-link{padding:14px 9px 14px 36px;font-size:11px}.seo-text{grid-template-columns:1fr;gap:15px;padding:24px}.seo-text h2{font-size:34px}.article{padding:17px}.article h1{font-size:43px}.article-content .alignleft,.article-content .alignright{float:none;display:block;margin:16px auto}.footer-grid{grid-template-columns:1fr}.mobile-call{display:block;position:fixed;left:8px;right:8px;bottom:8px;z-index:100;background:var(--lime);color:#09060a;padding:12px;text-align:center;text-transform:uppercase;font-weight:950;box-shadow:0 0 25px #ff174f42}}