/*
Theme Name: Buzhala
Theme URI: https://www.buzhala.net/
Author: Veton Buzhala
Author URI: https://www.buzhala.net/
Description: Buzhala WordPress theme.
Version: 1.0
License: GPLv2 or later
Text Domain: buzhala
*/

#wpadminbar {display:none;}
html, body {height: 100%;margin: 0;}
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
body{font-family:Arial,sans-serif;padding:0;background:#fff;color:#333}
.skip-to-content{position:absolute;top: -40px;left:0;text-decoration:none;z-index:100;transition: top 0.3s ease-in-out;width: -webkit-fill-available;text-align: center;}
.bzpage {display: flex;flex-direction: column;min-height: 100vh;}
h1{font-size:2.5em}
h2{font-size:2.0em}
h3{font-size:1.7em}
h4{font-size:1.1em}
h5{font-size:1em}
h6{font-size:0.9em}
header{display:block;background:#fff;color:#314355;text-align:center;padding:0}
header h1{margin:0;padding-top:2em}
header p{margin-top:20px;font-size:1.2em;line-height:1.4}
header .site-pr{width:100%}
header #site-pr-text{padding:0 20px 20px 20px}

.hero{min-height:100svh;display:flex;flex-direction:column;justify-content: flex-start;align-items:center;text-align:center;box-sizing:border-box;position:relative;z-index:0;}
.hero h1{font-size:2.5em;color:#222;margin-bottom:1rem;font-weight:300;}
.hero p{font-size:clamp(1rem,2vw,1.5rem);color:#444;max-width:700px;line-height:1.7;margin:0 auto}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(#fae8ce,rgb(255 255 255/0%));z-index:0}
.hero > *{position:relative;font-weight:300}

h1, .archive .bz-page-description{text-align: center;}
.wp-singular article {max-width: 90ch;margin-inline: auto;padding-inline: 1rem;line-height: 1.6;}
.archive main, .home main {margin-inline: auto;padding-inline: 1rem;line-height: 1.6;}

/*topbar*/
.topbar{display:flex;width:100%;background:#182c39;padding:12px;align-items:center;justify-content:space-between;font-size:20px}
.topbar a{text-decoration:none;color:#fff}
.logo img{display:block;align-content:center;border-radius:4px}
.ai-chat{margin-left:0}
.topnav{display:flex;align-items:center;gap: 1em;}
.search-icon{color:#fff;text-decoration:none;font-size:30px}
.bz-nav{font-family: "Segoe UI Symbol", "Noto Sans Symbols", "Apple Symbols", sans-serif;font-size:28px;
 line-height:1;display:inline-block;vertical-align: middle;text-align: center;}

/*GenSearch*/
.genSearch{height:100%;width:100%;position:absolute;z-index:1;top:0;left:0;background-color:rgba(0,0,0,0.9)}
.genSearch-content{position:relative;top:6em;width:90%;text-align:center;margin:auto}
.genSearch-content .searchBar{margin-bottom:1em;padding:4px;background:#fff;border-radius:4px;display:flex;justify-content:space-between}
.genSearch-content input[type=text]{padding:15px;font-size:17px;border:none;width:80%;background:#fff}
.genSearch-content button{width:20%;padding:8.2px;font-size:25px;border:none}
.genSearch .closebtn{position:absolute;top:20px;right:45px;font-size:60px;cursor:pointer;color:white}
.genSearch #resultsBox{background:#fff;padding:10px;font-size:1.5em;border:solid 2px #333}
.genSearch #resultsBox a{text-decoration:none}

/*Mobile menu*/
.mb-icon{right:1em;cursor:pointer;color:#fff;text-decoration:none}
.gMenuC{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:rgba(0,0,0,0.9);overflow-x:hidden;transition:0.5s}
.gMenuC-content{position:relative;top:11%;width:100%;text-align:center;margin-top:30px}
.gMenuC a{padding:8px;text-decoration:none;display:block;transition:0.3s}
.gMenuC ul{margin:0;padding:0}
.gMenuC ul li a{border:solid #fff 1px;background:initial;color:#fff;margin:1em}
.gMenuC a:hover,.gMenuC a:focus{color:#f1f1f1}
.gMenuC .closebtn{position:absolute;top:10px;right:18px}
.gMenuC .searchinnav{margin:20px 1em;height:7em;border:solid #fff 1px;border-radius:1em;align-content:center}
.gMenuC .searchinnav form{margin:0 9px}
.gMenuC .searchinnav input,.gMenuC .searchinnav button{background:initial;color:#fff;border:0}
.gMenuC .searchinnav input{max-width:70%;padding:17px 7px}
.gMenuC .searchinnav button{max-width:30%;padding:11px 6px;font-size:2em}

/*Buttons*/
.button{display:inline-block;background:#182c39;color:white;padding:12px 25px;text-decoration:none;border-radius:5px;margin: 2em 0;transition:0.3s}
.button:hover{background:#e65c50}

.main-container{max-width:1280px;margin:0 auto;flex: 1 0 auto;}

/*Headers*/
h2{color:#0073e6;margin-bottom:20px;font-weight:400;}

/*CTA*/
.cta-button{display:inline-block;background:#f59e0b;color:white;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(245,158,11,0.4)}
.cta-button:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,0.6)}

/*Sections*/
.services{background:white;padding:2rem 0}
.section-title{text-align:center;font-weight:700;margin-bottom:3rem;color:#1f2937}
.services .section-title{background: #e9ecef;padding: 1em 0;margin: 18px 10px 0px;}
.cBottom .section-title{color:#fff}
.bz-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:3rem}
.archive .bz-list, .blog .bz-list{display: flex;margin-top: 3rem;flex-direction: row;flex-wrap: wrap;justify-content: center;}
.bz-excerpt img{aspect-ratio: 4 / 3;width: auto;height: auto;}
.bz-excerpt{margin:0 10px;background:#e9ecef;padding:4px;border-radius:9px;text-align:center;transition:all 0.3s ease;border:2px solid transparent}
.bz-excerpt a{text-decoration: none;}
.bz-excerpt:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);border-color:#4f46e5}
.service-icon{font-size:3rem;margin-bottom:1.5rem}
.bz-excerpt h3{font-weight:600;margin-bottom:1rem;color:#1f2937}
.bz-excerpt p{color:#182c39;line-height:1.6;padding-inline: 18px;}
.bz-list h2{margin: 10px 10px;}
.page-template-frontpage .bz-list {gap: 2rem;}
.bz-list .post-category {padding: 10px 10px 0px;}
.features{background:linear-gradient(135deg,#1e3a8a 0%,#3730a3 100%);padding:6rem 0;color:white;border-bottom:solid #fbbf24 1px}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}
.feature-item{text-align:center;padding:1.5rem}
.feature-number{font-size:2.5rem;font-weight:800;color:#fbbf24;margin-bottom:1rem}
.feature-item h4{font-weight:600;margin-bottom:0.5rem}

/*Google CTA*/
.google-cta{display:flex;justify-content:center;align-items:center;margin:1.5rem 0;gap:.5rem;width:100%}
.google-cta-link{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;background:#fff;border:1px solid rgba(66,133,244,.9);color:#111827;padding:.55rem 1rem;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform 180ms ease,background 180ms ease,color 180ms ease;font-family:inherit}
.google-cta-text{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1}
.google-cta-text strong{font-size:1rem}
.google-cta-sub{font-size:.75rem;color:#6b7280;margin-top:.12rem}
.google-cta-icon{font-size:1.25rem;line-height:1;color:#fbbf24}
.google-cta-link:hover,.google-cta-link:focus{transform:translateY(-3px);background:rgba(66,133,244,.06);box-shadow:0 8px 24px rgba(14,30,37,.08)}
.google-cta-link:focus-visible{outline:3px solid rgba(66,133,244,.18);outline-offset:4px}
@media(max-width:420px){.google-cta-link{padding:.45rem .8rem;gap:.5rem}.google-cta-text strong{font-size:.95rem}.google-cta-sub{font-size:.7rem}}
.grecatp-badge{bottom:51px!important}

/*Mobile-first media*/
@media(max-width:768px){.hero h1{font-size:2.5rem}.bz-list,.features-grid,.testimonial-grid{grid-template-columns:1fr}}

/*Desktop overrides*/
@media(min-width:768px){.main-container{width:90%}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.7em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}#genMenu{position:static;width:auto;height:auto;display:flex;flex-direction:column}.gMenuC{background-color:initial}.gMenuC ul{display:flex;list-style:none}.gMenuC ul li a{border:0;margin:0 1em}.gMenuC-content{display:flex;justify-content:flex-end;align-items:center;padding:10px;margin:0;top:0}.gMenuC a{margin:8px;padding:0;font-size:1em}.genSearch-content{top:10em;width:60%}.genSearch-content button{width:10%}.topnav{flex-direction:row-reverse;align-items:center}.search-icon{margin:1px 10px}.mb-icon,.gMenuC .closebtn,.searchinnav{display:none}.ai-chat{margin-left:auto}}

@media(min-width:768px){.hero h1{margin:0;padding-top:1em}.hero p{margin-top:20px;font-size:1.2em;line-height:1.2}.hero .button{margin-top:4%}.hero #site-pr-txt{width:50%}.hero #site-text{background-color:#fff}}
@media(max-width:320px){.bz-excerpt{border:0;padding:1rem;}}
#dynamic-filler { flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;background: linear-gradient(to bottom, rgb(250 235 212), rgb(253 244 230)); width: 100%;border-bottom: solid 1px #63578f;padding: 5.5px 0;}
#animated-line {display:flex;justify-content:space-between;align-items:center;width:100%;}
#animated-line .line {flex:1;height:1px;background:#63578f;}
#animated-line .circle {width:24%;height:9px;animation:pulse 7s infinite;}
#animated-line .circle1 { background:#d04848; animation-delay:0s; }
#animated-line .circle2 { background:#bfbf53; animation-delay:0s; }
#animated-line .circle3 { background:#7fcd7f; animation-delay:0s; }
#animated-line .circle4 { background:#6161a4; animation-delay:0s; }
@keyframes pulse { 0%,100% { transform: scale(1); opacity:0.3; } 50% { transform: scale(1.5); opacity:1; } }
#still-working {display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;flex:1;}
#still-working .spacer {flex:1;width:100%;}
#still-working p {font-size: 1.1rem;color: #182c39;display:flex;gap:0.3rem;margin: 11px 0 0;}
#still-working .dot {animation: blink 3s infinite;}
#still-working .dot1 { animation-delay:0s; }
#still-working .dot2 { animation-delay:1s; }
#still-working .dot3 { animation-delay:2s; }
@keyframes blink {0%, 20% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; } }

/*Footer widgets*/
footer{background:#fff;color:#333;padding:3rem 0;text-align:center}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}
.footer-section h4{font-weight:600;margin-bottom:1rem;color:#705102}
.footer-section a{color:#333;text-decoration:none;display:block;margin-bottom:0.5rem;transition:color 0.3s ease}
.footer-section a:hover{color:#fbbf24}
@media(min-width:814px) and (max-width:1096px){.footer-content{grid-template-columns:repeat(auto-fit,minmax(46%,1fr));margin:0 1rem;}
.footer-section{border:solid 1px #333;}}

/*Footer*/
footer a{color:#ff6f61;text-decoration:none}
.footer-rowC {width: 100%;margin-top: auto;}
.footer-rowC p {background: #182c39;color: #fff;padding: 1em 2em;margin: 0;}
.post-gen button, .post-gen label, .post-gen input {max-width: 70%;font-size: 1.4rem;padding: 9px;margin: 10px;}
@media(min-width:768px){.post-gen button {max-width:50%}}
.post-gen .startButton{}
article-widgets {text-align:center;}

/*241*/