/* 
Theme Name:		 Pink Personal Blogily
Theme URI:		 https://superbthemes.com/child-theme/pink-personal-blogily/
Description:	 Pink Personal Blogily is a responsive blog theme made for personal bloggers and lifestyle bloggers. Its beautiful and minimalistic look gives this theme a perfectly stylized image whether you're a food-, fashion-, travel- or lifestyle blogger. SuperbThemes are always invested in all forms of optimization and Pink Personal Blogily is no exception. In Pink Personal Blogily you'll find a stylized and highly optimized theme with swift load times across the board without any loss of performance and responsiveness. All this is bundled with our built-in first-class SEO ( Search Engine Optimization ) which will help you get a head start on search engines like Google and Bing. Get ready to be noticed, with Pink Personal Blogily.
Author:			 ThemeEverest
Author URI:		 https://superbthemes.com/
Template:		 personalblogily
Tested up to: 6.9
Requires at least: 4.0
Requires PHP: 4.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Version:		 2.9
Tags: theme-options, threaded-comments, translation-ready, sticky-post, footer-widgets, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, flexible-header, right-sidebar, one-column, two-columns, blog, news, entertainment, full-width-template, template-editing
Text Domain:	 pink-personal-blogily
*/
/* ============================================
   SIDEBAR CATEGORIES STYLING
   ============================================ */

/* Main Categories Container */
.wp-block-categories-list,
.widget_categories {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Category Items */
.wp-block-categories-list li,
.widget_categories li {
    padding: 10px 15px;
    margin-bottom: 6px;
    background: rgba(255, 192, 203, 0.08);
    border-radius: 8px;
    border-left: 3px solid #ff6b81;
    transition: all 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Poppins', 'Segoe UI', sans-serif;
}

/* Hover Effect - Matches your site's interactive style */
.wp-block-categories-list li:hover,
.widget_categories li:hover {
    background: rgba(255, 192, 203, 0.18);
    transform: translateX(5px);
    border-left-color: #ff4757;
    box-shadow: 0 4px 12px rgba(255, 107, 129, 0.15);
}

/* Category Links */
.wp-block-categories-list li a,
.widget_categories li a {
    color: #2d2d2d;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.3px;
    transition: color 0.3s ease;
    flex: 1;
}

/* Link Hover */
.wp-block-categories-list li a:hover,
.widget_categories li a:hover {
    color: #ff6b81;
}

/* Post Count Badge - Matches your "Sale!" badge style */
.wp-block-categories-list li .post-count,
.wp-block-categories-list li span:not(.screen-reader-text),
.widget_categories li .post-count,
.widget_categories li span:not(.screen-reader-text) {
    background: #ff6b81;
    color: white;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    margin-left: auto;
    display: inline-block;
    letter-spacing: 0.5px;
}

/* If you're using the dropdown version */
.wp-block-categories-dropdown {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid rgba(255, 107, 129, 0.25);
    border-radius: 8px;
    background: white;
    font-family: 'Poppins', 'Segoe UI', sans-serif;
    font-size: 14px;
    color: #2d2d2d;
    transition: all 0.3s ease;
    cursor: pointer;
}

.wp-block-categories-dropdown:focus {
    outline: none;
    border-color: #ff6b81;
    box-shadow: 0 0 0 3px rgba(255, 107, 129, 0.15);
}

/* For sub-categories (hierarchy) - indentation with style */
.wp-block-categories-list li.children,
.widget_categories li.children {
    padding-left: 25px;
    border-left-color: #ff9aa2;
    background: rgba(255, 192, 203, 0.04);
}

.wp-block-categories-list .cat-item-children,
.widget_categories .cat-item-children {
    list-style: none;
    padding-left: 20px;
    margin-top: 4px;
}

.wp-block-categories-list .cat-item-children li,
.widget_categories .cat-item-children li {
    border-left-color: #ff9aa2;
    background: rgba(255, 154, 162, 0.05);
    font-size: 13px;
    padding: 8px 15px;
}

.wp-block-categories-list .cat-item-children li:hover,
.widget_categories .cat-item-children li:hover {
    background: rgba(255, 154, 162, 0.12);
}

/* ============================================
   RESPONSIVE - MOBILE FRIENDLY
   ============================================ */

@media (max-width: 768px) {
    .wp-block-categories-list li,
    .widget_categories li {
        padding: 8px 12px;
        font-size: 14px;
    }
    
    .wp-block-categories-list li a,
    .widget_categories li a {
        font-size: 13px;
    }
    
    .wp-block-categories-list li .post-count,
    .wp-block-categories-list li span:not(.screen-reader-text),
    .widget_categories li .post-count,
    .widget_categories li span:not(.screen-reader-text) {
        font-size: 11px;
        padding: 1px 8px;
    }
    
    .wp-block-categories-dropdown {
        font-size: 13px;
        padding: 10px 12px;
    }
}

.blog-author-positioning {
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
}
.post-data-text {
	display: inline-block;
	margin: auto;
	text-align: center;
	font-size: 17px;
	color: #000;
	margin-bottom: 5px;
	padding: 0px 20px;
	background: #fff;
}

.post-data-positioning {
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
}

article.fbox {
	border: 1px solid #000;
}

.blogpost-button {
	padding: 15px 25px;
	border-radius: 0px;
	background: #000;
	font-weight: 700;
	font-size: 15px;
	color: #fff;
	margin: auto;
	display:inline-block;
	text-decoration: none;
}

.page-numbers li {
	display: inline-block;
	list-style:none;
}
ul.page-numbers {
	display: inline-block;
	padding: 0;
	height: auto;
	margin: 10px auto 20px auto;
}
.page-numbers li a{
	background: #000000;
	padding: 10px 17px;
	transition: all 0.4s;
	font-size: 14px;
	color: #fff;
	margin: 0 5px;
	text-decoration: none;
	border: 1px solid #000;
	font-weight:600;
	display: inline-block;
	float: left;
}
.primary-menu, 
.primary-menu ul li ul.children, 
.primary-menu ul li ul.sub-menu, 
.super-menu, 
#smobile-menu {
	background:#F7A9B8;
}
.page-numbers li a:hover {
	background:rgba(0,0,0,0);
	color:#000;
}
.page-numbers.current {
	background: rgba(0,0,0,0);
	padding: 10px 17px;
	transition: all 0.4s;
	font-weight:600;
	font-size: 14px;
	color: #000;
	margin: 0 5px;
	text-decoration: none;
	border: 1px solid #000;
	display: inline-block;
	float: left;
}
td, th {
	padding: 10px;
	text-align: left;
}
.blogpost-button,
.comments-area p.form-submit input {
	background:#F7A9B8;
}
tr {
	border-bottom: 1px solid #000;
}

.error404 main#main,
.search-no-results section.fbox.no-results.not-found {
	border: 1px solid #000;
	margin-bottom:50px;
	text-align: center;
}
.search-no-results h1, .error404 h1 {
	font-size: 28px;
	line-height: 150%;
	padding: 0;
	margin: 0;
	font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
}
.search-results h1.page-title {
	text-align: center;
	font-size: 35px;
	border-top: 4px double #000;
	border-bottom: 4px double #000;
	font-weight: 400;
	line-height: 150%;
	padding: 10px 0 15px;
	font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
}

.comments-area .comments-title {
	font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
}
.search-no-results .search-form label, .error404 .search-form label {
	float: none;
	margin-right: -5px;
	border: 1px solid #000;
	border-right: 0px solid #fff;
	padding: 0;
}
.error404 .search-form label, .search-no-results .search-form label {
	float: none;
	margin-right: -5px;
	border: 1px solid #000;
	border-right: 0px solid #fff;
	padding: 0;
}
.error404 input.search-submit, .search-no-results input.search-submit {
	padding: 11px;
	border: 1px solid #000;
	background: rgba(0,0,0,0);
	color: #000;
}
.error404 input.search-field, .search-no-results input.search-field {
	color:#000;
	padding: 10px;
}
.archive .page-header h1 {
	text-align: center;
	font-size: 30px;
	border-top: 4px double #000;
	border-bottom: 4px double #000;
	margin-bottom: 40px;
	line-height: 150%;
	padding: 10px 0 15px;
}

.archive header.fbox.page-header {
	padding: 0;
}

.comments-area {
	border:1px solid #000;
}
.comments-area .comment-author .fn a {
	text-decoration:none;
}
.comment span.edit-link {
	float: right;
}
.comments-area .comment-meta .comment-metadata a {
	text-decoration: none;
	font-size: 14px;
}
#comments ol.comment-list {
	padding-left: 0;
	margin-left: 0;
	list-style:none;
}
.comments-area ol.comment-list .comment {
	width: 100%;
	border-bottom: 1px solid #000;
	margin-bottom: 40px;
	padding-bottom:40px;
}
span.page-numbers.dots {
	padding: 10px 17px;
	transition: all 0.4s;
	font-size: 14px;
	color: #000;
	margin: 0 5px;
	text-decoration: none;
	border: 1px solid #000;
	font-weight: 600;
	display: inline-block;
	float: left;
}
.comments-area .reply {
	padding-left: 45px;
	font-size: 14px;
	padding-bottom: 0
}
div#respond {
	text-align: center;
}
p.comment-form-url {
	display: none;
}
#comments h3#reply-title {
	font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
	font-size: 26px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: center;
}
.calendar_wrap tr {
	border-bottom: 0px solid #000;
}

@media screen and (max-width: 1023px) {
	.smenu-hide.toggle-mobile-menu.menu-toggle {
		border-bottom:1px solid rgba(255, 255, 255, 0.1)
	}
	.main-navigation ul li a {
		text-align:left;
	}
	#smobile-menu.show .main-navigation ul li a {
		text-align:left;
	}
	#smobile-menu.show .main-navigation ul ul.sub-menu li {
		padding-left: 20px;
		opacity: 0.8;
	}
	ul.page-numbers {
		margin-bottom:50px;
	}
}
@media screen and (max-width: 900px) {
	.footer-column-three {
		max-width:100%;
	}
	.footer-column-left {
		padding-right:0;
	}
	.footer-column-middle {
		padding-right:0;
		padding-left:0;
	}
	.footer-column-right {
		padding-left:0;
	}
}
@media screen and (max-width: 700px) {
	h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
		font-size:20px;
	}
	.post-data-text {
		font-size: 15px;
	}
	.archive .page-header h1  {
		font-size:25px;
	}
	article .entry-content {
		margin-top:10px;
		font-size:14px;
	}
	.site-branding .site-title {
		font-size:29px;
	}
	.site-branding .site-description {
		font-size:14px;
	}
	.site-branding {
		margin-bottom:25px;
		margin-top:20px;
	}
	.page-numbers li {
		display:inline;
	}
	.page-numbers li a, span.page-numbers.dots {
		display: none;
	}
	.page-numbers li a.prev {
		display: inline-block;
	}
	.page-numbers li a.next {
		display: inline-block;
	}
}