/*
Theme Name: wwstech
Theme URI: https://www.woweso.com/temalar/wwstech
Author: <a href="https://www.woweso.com/hakkimizda">Yazar: admin</a>
Author URI: https://www.woweso.com/iletisim
Description: Responsive wwstech Theme
Version: 999
License: Registered. It only belongs to wwstech
Text Domain: wwstech
Tags: web tasarım, reklam hizmetleri, dijital baskı, google konum kayıt, yandex harita kaydı, internet sitesi
*/
/*---------------------GENERAL CSS SETTİNGS-----------------------*/
*:focus {
    box-shadow: none!important;
    outline: none !important;
    text-decoration: none !important;
    list-style-type: none !important;
}
*, *::before, *::after {box-sizing: inherit;}
html, body{overflow-x: hidden;margin: 0;padding: 0;font-family: sans-serif;}
html {box-sizing: border-box;font-size: 100%;}
body{font-family: "Nunito", sans-serif;font-optical-sizing: auto;font-style: normal;font-weight: 500;font-size: 17px;}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, .h1, .h2, .h3, .h4, .h5, .h6, .btn{margin: 0px;}
ul, ol {list-style-type: none;padding: 0px;}
a{color: #838383;text-decoration:none;}
a:hover{color: #000;transition: all 0.5s;}

.bi{fill: currentColor;}
::marker{color: #743cdb;}
.list-style li, li.list-style{list-style-type: square!important;}
#productComment{scroll-margin-top: 200px;}
.text-justify{text-align: justify;}
.letter-spacing{letter-spacing: 1px;}

.accordion-button:not(.collapsed), .accordion-button:not(.collapsed) span{background-color: #743cdb;color: #fff!important;}
input, textarea{border: solid 1px #474747;padding: 5px 10px;}
/* ---------------- Price ----------------------*/
.strikediag{
background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);
}
.withpadding{padding: 0 0.15em;}

/*--------------------İMAGE DEFAULT SİZE SETTİNGS-----------------------*/
.zoom img{display: block;width: 100%;height: auto;transition: all 0.3s;transform: scale(1);}
.zoom:hover img{transform: scale(1.5);transition: all 0.7s linear;}

@media(min-width: 280px) and (max-width: 480px){
.img-s img, img.img-s{width: 100%;height: 150px!important;}
.img-m img, img.img-m{width: 100%;height: 250px!important;}
.img-l img, img.img-l{width: 100%;height: 350px!important;}
}
/*Image Custom Default Sizes ------------ */
.img-mini img, img.img-mini{width: 100px!important;;height: 100px!important;}
.img-s img, img.img-s{width: 100%;height: 200px!important;}
.img-m img, img.img-m{width: 100%;height: 350px!important;}
.img-l img, img.img-l{width: 100%;height: 500px!important;}

/* ------------ Special Color ------------------*/
.a-hover-white:hover a{color: #fff!important;transition: .4s;}
.a-hover-dark:hover a{color: #000!important;transition: .4s;}

.bg-grey{background-color: #f1f1f1;}
.bg-purple{background-color: #743cdb!important;}
.bg-orange{background-color: #ff9100!important;}

.bg-soft-white{background-color: #ffffff7a;}
.bg-soft-dark{background-color: #0000007a;}
.bg-soft-purple{background-color: #743cdb7a;}
.bg-gradient-white{background: linear-gradient(90deg, #ffffff00, white, #ffffff00);}
.bg-gradient-purple{background: linear-gradient(90deg, #ffffff00, #000, #ffffff00);}
.bg-gradient-dark{background: radial-gradient(circle 280px at 0% 0%, #444444, #0c0d0d);}
.bg-glass{background-color: #ffffff33;}
.bg-blur{backdrop-filter: blur(5px);}

.text-grey{color: #f1f1f1;}
.text-purple{color: #743cdb!important;}
.text-orange{color: #ff9100!important;}

.border-grey{border-color: #f1f1f1!important;}
.border-purple{border-color: #743cdb!important;}
.border-orange{border-color: #ff9100!important;}

.btn{border: none;}
.btn-light:hover{background-color: #fff;color: #743cdb;transition: .4s;}
.btn-light:focus{background-color: #743cdb!important;color: #fff!important;transition: .4s;}

.btn-purple{background-color: #743cdb;border: none;color: #fff;border: solid 1px #743cdb;}
.btn-purple:hover{background-color: #7c49db;color: #fff!important;transition: .4s;}
.btn-purple:focus{background-color: #7c49db!important;color: #fff!important;transition: .4s;}

.btn-outline-purple{border: solid 1px #743cdb;color: #743cdb;transition: .4s;}
.btn-outline-purple:hover{background-color: #743cdb;color: #fff!important;transition: .4s;}
.btn-outline-purple:hover p,
.btn-outline-purple:hover span,
.btn-outline-purple:hover a,
.btn-outline-purple:hover .dashicons {
    color: #fff !important;
    transition: color .4s;
}

.btn-outline-purple:focus{background-color: #743cdb!important;color: #fff!important;transition: .4s;}
/*-------------------- Navigation (Header Menu) --------------------------*/
.header .navbar{transition: all 0.3s linear;z-index: 1030;}
.header .navbar li{padding: 0.25rem 0.65rem!important;/*text-align: center;*/}
.header a.nav-link{color: #000;font-size: 16px;}
@media only screen and (min-width: 992px){.header a.nav-link{padding: 1rem;}}
.header li.nav-item:hover > a.nav-link{color: #743cdb;}
/* ---------------------- FOOTER ---------------------------*/
.footer a, .footer a.nav-link{padding: 0.25rem;}
.footer span{font-family: "Roboto", serif!important;}
.footer a:hover{color: #743cdb!important;}
/*--------------------- DROPDOWN ---------------------*/
.dropdown-item{white-space: normal;}
ul.dropdown-menu.sub a, ul.dropdown-menu.subsub a{margin: 0px;width: 100%;padding: 0.25rem;}
ul.dropdown-menu.sub li.menu-item-has-children span::before{content: "•";}
ul.dropdown-menu.subsub{margin-left: 1rem;}
ul.dropdown-menu.sub li, ul.dropdown-menu.sub, ul.dropdown-menu.subsub{
border-radius: 0px;border: none;background-color: #fbfbfb;text-align: start;}
.dropdown-menu li.menu-item{
border-radius: 0px;border-left: none!important;background-color: transparent;padding: 0.25rem;width: 100%;}
ul.dropdown-menu a:hover{background-color: transparent;color: #743cdb!important;}
.dropdown-menu li.menu-item a:hover, .dropdown-menu li.menu-item a:focus{background-color: transparent;}
ul.dropdown-menu.subsub span::before{content: " "!important;}
@media only screen and (max-width: 992px) {
ul.dropdown-menu.sub, ul.dropdown-menu.subsub{display: none;}
ul li:hover > ul li, ul.dropdown-menu.subsub{display: block;}
}
@media only screen and (min-width: 992px) {
.dropdown-menu{min-width: 19rem;border-radius: 0px;}
ul.dropdown-menu.sub{background-color: transparent;justify-content: center;
margin: 0px;padding: 0px;flex-direction: column;line-height: 0.5rem;top: 2rem;min-height: 3rem;
display: block;top: 150%;opacity: 0;visibility: hidden;transition: .5s;}
ul li:hover  > ul.dropdown-menu.sub{display: block!important;top: 2.5rem;opacity: 1;
visibility: visible!important;transition: .5s!important;}
ul.dropdown-menu.subsub{position: absolute;right: 19rem;justify-content: center;margin: 0px;
padding: 0.25rem;flex-direction: column;top: 1rem;text-transform: capitalize;min-height: 3rem;
background-color: #fff;display: block;top: 100%;opacity: 0;visibility: hidden;transition: .5s;}
ul.dropdown-menu.sub li:hover > ul.dropdown-menu.subsub{top: 0%;opacity: 1;visibility: visible!important;transition: .5s!important;}
ul.dropdown-menu.sub a, ul.dropdown-menu.subsub a{padding: 1rem;} 
}
/*---------------------------Sidebar----------------------------------*/
.sidebar input#s{width: 100%;}
.sidebar h5{color: #743cdb;}
/*---------------------------- Pagination ---------------------------------*/
.pagination .nav-links{display: flex;justify-content: space-between;width: 5rem;}
span.page-numbers.current{border: solid 1px #743cdb;background-color: #743cdb;color: #fff;padding: 0.5rem 0.75rem;margin: 0.25rem;}
a.page-numbers{border: solid 1px #743cdb;padding: 0.5rem 0.75rem;margin: 0.25rem;}
a.page-numbers:hover{background-color: #743cdb;color: #fff;}
/* -------------- Single Page Content -------------------- */
@media only screen and (max-width: 768px){.wp-block-image.size-large{width: 100%!important;}}
.wp-block-gallery img:hover{border: solid 1px #743cdb;transition: all 0.7s;}
/* ---------------- Contact Form ---------------------*/
.contact-form input, .contact-form textarea{width: 100%!important;border:solid 1px #acacac;border-radius: 5px;padding: 0.5rem;}
.contact-form label, .contact-form textarea{width: 100%;}
.contact-form p{width: 100%;margin-top: 1rem;}
.contact-form textarea{height: 7rem;}
.contact-form input.wpcf7-submit{background-color: #fff;color: #000;transition: all 0.5s;}
.contact-form input.wpcf7-submit:hover{background-color: #743cdb;color: #fff;color: #fff;transition: all 0.5s;}
.contact-form .wpcf7-checkbox input{width: auto!important;}
/*-------------------------Comments Template-------------------------*/
p.comment-form-comment{display: flex;flex-direction: column;}
textarea#comment{width: 100%;}
p.comment-form-author, p.comment-form-email{width: 50%;display: flex;flex-direction: column;}
@media only screen and (max-width: 768px){p.comment-form-author, p.comment-form-email{width: 100%;}}
.comment-form input#submit{background-color: #743cdb;border: none;color: #fff;padding: 0.5rem 1.25rem;margin-top: 1rem;}
.comment-form input#submit:hover{transition: .4s;}
.comment-form input{border:solid 1px #acacac;border-radius: 5px;padding: 0.5rem;}
.comment-form p{margin-top: 1rem;}
#customComment li.comment{background-color: #cdcdcd;margin: 2rem 0rem!important;padding: 1rem!important;border-radius: 7px;}
#customComment .comment-body{background-color: #ecedeb;margin: 1rem!important;padding: 1rem!important;border-radius: 7px;}

/* ==================== CUSTOM ANİMATE CSS ======================== */
.animate { opacity: 0; transition: all 0.5s ease-out; will-change: opacity, transform; }
/* Görünür olunca animasyon */
.animate.visible { opacity: 1; transform: none; }
/* Yönlere göre animasyonlar */
.fade-left { transform: translateX(60px); }
.fade-right { transform: translateX(-60px); }
.fade-up { transform: translateY(60px); }
.fade-down { transform: translateY(-60px); }
/* Opsiyonel: zoom-in animasyon */
.zoom-in { transform: scale(0.8); }
.zoom-in.visible { transform: scale(1); }