/* ========== ROOT + FONTS ========== */
:root{--p-dark:#1F2235;--p-dark-2:#2A2D42;--p:#F5CF70;--soft:#F7F4FB;--white:#fff;--black:#222;--radius:16px}
@font-face{font-family:'Funnel Sans';src:url('/wp-content/uploads/fonts/funnel/FunnelSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Funnel Sans';src:url('/wp-content/uploads/fonts/funnel/FunnelSans-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Funnel Sans';src:url('/wp-content/uploads/fonts/funnel/FunnelSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}


/* ========== GLOBAL BASE ========== */
html,body,#page,.site,.cly-main,.site-content,.site-main,#primary,#content,.inside-article,.entry-content{margin:0;padding:0;background:linear-gradient(180deg,#3A3D59 0%,#2E314A 100%)!important;color:#E9E9F2;font-family:'Funnel Sans',system-ui,sans-serif;line-height:1.6;overflow-x:hidden}
body{min-height:100vh;counter-reset:stepcounter}

/* ========== TYPOGRAPHY & LINKS ========== */
a{color:#F5CF70;text-decoration:none}a:hover{opacity:.85}
.cly-container{max-width:1280px;margin:0 auto;padding:0 24px}
h1{font-size:2.4rem;line-height:1.2;color:#fff}h2{font-size:1.9rem;line-height:1.3;color:#fff}h3{font-size:1.45rem;line-height:1.35;color:#fff}
h1,h2,h3,h4,h5,h6,.gb-headline{font-weight:600;letter-spacing:-.01em}
p,li{font-size:1.125rem;line-height:1.65;color:#D2D3E6}
strong,b{font-weight:600}nav a,button,.gb-button{font-weight:500}

/* ========== HEADER + NAV (DESKTOP) ========== */
.cly-header{background:var(--p-dark);padding:14px 0;position:relative;z-index:1000;overflow:visible}
.cly-header-inner{display:flex;justify-content:space-between;align-items:center}
.cly-logo img.custom-logo,.custom-logo{max-height:70px;width:auto}
.cly-logo{display:flex;align-items:center;margin-left:-50px}
.cly-nav{display:flex;align-items:center;z-index:9999}
.cly-menu,.cly-menu ul{list-style:none;margin:0;padding:0}
.cly-menu{display:flex;gap:26px;align-items:center}
.cly-menu li{position:relative}
.cly-menu li a{color:#fff;font-weight:600;padding:6px 4px;transition:.2s}



/* DESKTOP DROPDOWN */
.sub-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:10px;padding:6px 0;box-shadow:0 4px 14px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:opacity .2s;min-width:100%;white-space:nowrap;text-align:left;z-index:9999}
.cly-menu li:hover>.sub-menu{opacity:1;visibility:visible}
.sub-menu li{border-bottom:1px solid rgba(0,0,0,.06)}.sub-menu li:last-child{border:none}
.sub-menu a{display:block;width:100%;box-sizing:border-box;padding:9px 18px;font:500 15px 'Funnel Sans',sans-serif;color:#111;line-height:1.4}
.sub-menu a:hover{background:rgba(0,0,0,.05);color:var(--p-dark)}
.cly-menu li.menu-item-has-children>a:after{content:"▾";margin-left:6px;font-size:12px;color:#fff;display:inline-block;transform:rotate(0);transition:transform .25s}
.cly-menu li.menu-item-has-children:hover>a:after,.cly-menu li.menu-item-has-children:focus-within>a:after{transform:rotate(180deg);margin-top:-2px}
.menu-toggle,.main-navigation .menu-toggle,.mobile-menu-control-wrapper,.mobile-header-navigation,.has-inline-mobile-toggle .menu-toggle,.cly-header .wp-block-navigation__responsive-container-open,.site-header .wp-block-navigation__responsive-container-open,.cly-header .wp-block-navigation__responsive-container-close,.site-header .wp-block-navigation__responsive-container-close{display:none!important}
.cly-menu-toggle{display:none;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:22px;align-items:center;justify-content:center;cursor:pointer}
.cly-menu .sub-menu{position:absolute;top:calc(100% + 8px);left:0;width:max-content;background:#22253C;border-radius:12px;padding:6px 0;box-shadow:0 10px 30px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.2s;z-index:99999}
.cly-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.cly-menu .sub-menu a{display:block;padding:10px 16px;color:#fff!important;font-size:15px;font-weight:600;white-space:nowrap}
.cly-menu .sub-menu a:hover{background:rgba(255,255,255,.08)}

/* ========== HERO ========== */
.hero-section{position:relative;z-index:0;background:linear-gradient(135deg,#2B2E45 0%,#262A44 100%);box-shadow:0 6px 22px rgba(0,0,0,.3)}
.cly-hero{background:linear-gradient(135deg,#2B2E45 0%,#262A44 100%);padding:32px 0 30px;color:#fff;border-radius:16px 16px 0 0;border:none}
.cly-hero-title{font-size:32px;font-weight:800;margin-bottom:12px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.cly-hero-subtext,.cly-hero p{font-size:16px;line-height:1.6;max-width:1200px;color:#E3E4F0}
.cly-hero-btn{background:var(--p);color:#1F2235;font-weight:600;padding:12px 26px;border-radius:10px;transition:.25s}
.cly-hero-btn:hover{opacity:.9;transform:translateY(-2px)}

/* ========== AUTHOR CARD ========== */
.cly-author-card{max-width:1000px;margin:80px auto;padding:60px 60px 60px 220px;background:linear-gradient(135deg,var(--p-dark),#434662);color:#fff;border-radius:20px;box-shadow:0 12px 32px rgba(0,0,0,.08);position:relative}
.cly-author-card-avatar{position:absolute;top:60px;left:60px;width:120px;height:120px;border-radius:16px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.cly-author-card-avatar img{width:100%;height:100%;object-fit:cover}
.cly-author-card-info h1{font-size:32px;margin:0 0 10px}
.cly-author-title{font-size:15px;font-weight:700;color:var(--p);margin-bottom:20px}
.cly-author-bio{font-size:15px;line-height:1.6}

/* ========== CONTENT LAYOUT ========== */
.cly-meta-bar{background:linear-gradient(135deg,#2A2D44 0%,#23263C 100%);padding:12px 0;border:none;border-radius:0 0 12px 12px;color:#E4E5F2;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.meta-bar-grid{display:flex;gap:40px;align-items:center;font-size:14px}
.meta-author{display:flex;align-items:center;gap:8px}
.meta-author img{width:26px;height:26px;border-radius:50%}
.site-content{max-width:1280px;margin:0 auto;padding:0}
.entry-content{max-width:820px!important;margin:40px auto 80px!important;padding:0 24px!important;box-sizing:border-box}
.site-main,#primary,#content,.inside-article{margin:0!important;padding:0!important}
.entry-content>*:first-child{margin-top:0!important}
.entry-content>*:last-child{margin-bottom:0!important}

/* ========== COMMENT FORM ========== */
.comment-form{max-width:600px;margin:40px auto;font-family:'Inter',sans-serif}
.comment-form p{margin-bottom:10px}
.comment-form input,.comment-form textarea{width:100%;padding:10px 14px;font-size:14px;line-height:1.4;border-radius:8px;border:1px solid #ddd;background:#f9f9f9;color:#222;box-sizing:border-box}
.comment-form-comment textarea{min-height:60px;resize:vertical}
.comment-submit-button{width:100%;background:var(--p-dark);color:#fff;padding:10px 16px;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:.2s}
.comment-submit-button:hover{background:var(--p)}

/* FOOTER + STICKY LAYOUT */
#page,.cly-main{min-height:100vh;display:flex;flex-direction:column}
.cly-content{flex:1 0 auto}

.cly-footer{padding:40px 20px;background:var(--p-dark);color:#fff;font-size:14px;line-height:1.45;margin-top:auto;text-align:left}
.cly-footer-inner{display:grid;gap:40px;grid-template-columns:repeat(5,1fr);align-items:start;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:30px}
.cly-footer-column:first-child{max-width:260px}

.cly-footer-column ul{list-style:none!important;padding-left:0!important;margin:0}
.cly-footer-column li{margin-bottom:6px}
.cly-footer-column a{font-size:14px}
.cly-footer-column h3{font-size:16px;margin-bottom:10px}
.cly-footer-column p{margin:0 0 10px;font-size:14px;line-height:1.45}
.cly-footer-bottom { text-align:center !important; margin-top:25px;}

/* MOBILE */
@media(max-width:900px){.cly-footer-inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cly-footer-inner{grid-template-columns:1fr}}



/* ========== FAQ ========== */
.cly-faq{max-width:900px;margin:40px 0}
.faq-item{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);margin-bottom:14px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:.25s}
.faq-item:hover{box-shadow:0 6px 16px rgba(0,0,0,.08)}
.faq-item summary{padding:16px 22px;cursor:pointer;position:relative;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{margin:0;font-size:17px;font-weight:600;line-height:1.45;color:#1F2235}
.faq-item summary:after{content:"▾";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:15px;color:#999;transition:.25s}
.faq-item[open] summary:after{transform:translateY(-50%) rotate(180deg);color:#666}
.faq-item p{padding:0 22px 18px;margin:0;font-size:15px;line-height:1.6;color:#333;opacity:.9}

/* ========== STEP BOXES ========== */
.step-box{counter-increment:stepcounter;position:relative;max-width:860px;margin:30px 0;padding:28px 36px 32px 64px;background:linear-gradient(180deg,#3A3D59 0%,#2E314A 100%);border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 14px rgba(0,0,0,.25);color:#E9E9F2;box-sizing:border-box}
.step-box::before{content:counter(stepcounter);position:absolute;top:22px;left:20px;width:36px;height:36px;background:rgba(255,255,255,.1);color:#fff;border-radius:8px;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.step-box h3{font-size:22px;margin:0 0 12px 0;padding:0;transform:translateY(-6px);color:#fff}
.step-box p{font-size:17px;line-height:1.7;color:#C8CAE3;margin:0}

/* ========== MOBILE MENU BASE ========== */
.cly-mobile-panel,.cly-mobile-overlay{display:none}

/* ========== MOBILE (<=768px) ========== */
@media(max-width:768px){
.cly-container,.entry-content,.site-content{max-width:100%!important;width:95%!important;margin:0 auto!important;padding:0 16px!important}
h1{font-size:32px!important}h2{font-size:26px!important}h3{font-size:20px!important}p,li{font-size:17px!important;line-height:1.55}
.cly-menu-toggle{display:flex}.cly-nav{display:none}
.cly-hero{padding:22px!important}.cly-hero-title{font-size:28px!important}.cly-hero-subtext{max-width:100%!important}
.cly-hero-buttons{flex-direction:column;gap:12px;width:100%}.cly-hero-btn{width:100%;text-align:center;padding:14px!important}
.cly-hero-wrap{margin-top:40px}
.step-box{padding:24px 24px 24px 60px}.step-box::before{width:32px;height:32px;font-size:15px}
.faq-item summary h3{font-size:18px}.faq-item p{font-size:16px}
body.menu-open{overflow:hidden;position:fixed;inset:0}
.cly-mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.3s;z-index:9998}
.cly-mobile-overlay.active{opacity:1;pointer-events:auto}
.cly-mobile-panel{display:flex;position:fixed;top:0;right:0;width:320px;max-width:85%;height:100vh;background:#22253C;color:#fff;transform:translateX(100%);transition:.35s;flex-direction:column;box-sizing:border-box;padding:70px 22px 22px;z-index:9999;overflow:hidden}
.cly-mobile-panel.active{transform:translateX(0)}
.cly-mobile-header{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-size:22px;font-weight:700;z-index:10000}
.cly-mobile-close{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;justify-content:center;align-items:center}
.cly-mobile-menu-wrapper{height:100%;overflow-y:auto;margin:0;padding:0 0 70px 0}
.cly-mobile-menu-list{list-style:none;margin:0;padding:0}
.cly-mobile-menu-list li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.cly-mobile-menu-list li a{color:#fff!important;font-size:18px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.cly-mobile-menu-list li a:after{content:"→";opacity:.7;font-size:20px}
.cly-mobile-footer-links{position:absolute;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.25);padding-top:12px}
.cly-mobile-footer-links a{color:#fff;font-weight:600;display:flex;align-items:center;gap:6px}
.cly-nav,.cly-menu,.cly-menu li,.cly-menu li a{display:none!important}
    .cly-menu-toggle{display:flex!important}
}

/* ========== EXTRA SMALL (<=480px) ========== */
@media(max-width:480px){h1{font-size:28px!important}h2{font-size:22px!important}.cly-hero{padding:18px!important}}

/* ========== DESKTOP-ONLY (>=769px) ========== */
@media(min-width:769px){.cly-mobile-panel,.cly-mobile-overlay{display:none!important}}

/* === CASINOLYZE TOC LEFT FINAL v14.0 – Clean, No Dot === */
.cly-article{max-width:880px;margin:0 auto;position:relative;z-index:2;}
#cly-toc{
  position:fixed;top:140px;left:60px;width:260px;font-family:"Inter",sans-serif;
  border-right:2px solid rgba(255,255,255,.08);padding-right:20px;height:calc(100vh - 180px);
  overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;z-index:3;
  transition:opacity .5s ease,transform .5s ease;
}
#cly-toc::-webkit-scrollbar{display:none;}
#cly-toc.hide-toc{opacity:0;transform:translateY(20px);pointer-events:none;}
#cly-toc h3{color:#E9E9F2;font-size:13px;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;margin-bottom:18px;}
#cly-toc ul{list-style:none;margin:0;padding:0;}
#cly-toc a{
  color:#B6B7C7;text-decoration:none;font-size:15px;display:block;line-height:1.7;
  padding-left:12px;margin-bottom:6px;transition:all .25s ease;position:relative;
}
#cly-toc a:hover{color:#fff;}
#cly-toc a.active{
  color:#E5E4E2;font-weight:600;
  border-right:2px solid;
  border-image:linear-gradient(180deg,#4B0082,#8E5BE9)1;
}
/* bez tačke */
#cly-toc a.active::before{display:none;}
@media(max-width:1400px){#cly-toc{display:none;}}