/*
Theme Name: Porto
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive Wordpress Multi Purpose + eCommerce Theme.
Version: 7.4.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: woocommerce, business, corporate, e-commerce, blog, news, education, food-and-drink, portfolio, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, block-styles, custom-background, custom-colors, custom-header, custom-logo, footer-widgets, template-editing, grid-layout, one-column, wide-blocks
Text Domain: porto
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");
.bypostauthor { display: block; }

.urun-kategorileri {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 30px 0;
    padding: 0;
    list-style: none;
}

.urun-kategorileri li {
    background: linear-gradient(135deg, #f8fafc 60%, #f0f4f9 100%);
    border-radius: 18px;
    box-shadow: 0 6px 18px 0 rgba(30,40,90,0.09);
    transition: transform 0.18s cubic-bezier(.4,0,.2,1), box-shadow 0.18s;
    overflow: hidden;
}

.urun-kategorileri li:hover {
    transform: translateY(-5px) scale(1.04);
    box-shadow: 0 14px 32px 0 rgba(40,80,180,0.14);
    background: linear-gradient(135deg, #009640 40%, #e6eeff 100%);
}
 
.urun-kategorileri a {
    display: block;
    padding: 24px 20px;
    text-align: center;
    color: #009640;
    font-size: 1.09rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-decoration: none; 
    transition: color 0.16s;
    border-radius: 18px;
}

.urun-kategorileri li:hover a {
    color: #fff; 
    background: none;
}

.urun-kategorileri li {
    position: relative;
}
 
.urun-kategorileri li:hover::before {
    width: 70%;
}
#header .main-menu > li.menu-item > a,
#header .main-menu > li.menu-item.active > a{
	background:none!important;
	color:#009640!important;
	font-size:15px!important;
}
#header .main-menu .narrow ul.sub-menu{
	border:none!important;
}
.main-menu{
	display:flex;
	justify-content:space-between;
}
.footer-bottom a,
#footer .contact-info  span,
#footer .contact-info  i,
#footer p,
#footer li a{
	color:#fff!important;
}
.share-links a{
	color:#049843!important;
}
#footer {
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(https://kahramanfidancilik.com.tr/wp-content/uploads/2025/06/footerBg.jpg);
    background-size: cover;
	color:#fff!;
}
#footer .footer-bottom {
background-repeat: repeat-x;
    background-position: center bottom;
    background-image: url(https://kahramanfidancilik.com.tr/wp-content/uploads/2025/06/footerBottombg.png);
    background-size: 100% 300%;
    color: #fff !important;
    padding: 0 !important;
    background-color: none!important;
}
#footer:before{
    background: #000;
    content: ' ';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: .5;
}
#footer ul.menu li{
	float:left;
	width:50%;
	list-style:none!important;
}   
#nav-panel .accordion-menu li.menu-item.active > a,
#header .mobile-toggle{
	background:#049843!important;
}
.page-top .page-title:not(.b-none):after{
	display:none!important
}
.lang-switcher img {
    display:block;
    margin: 0 3px;
    width: 24px;
    height: auto;
}
.polylang-flags{
	float:right;
}
.share-links{
	float:left;
}