/*
 Theme Name:   GP Apk Pro
 Theme URI:    https://digixdeepak.com
 Description:  Custom GeneratePress Child Theme for Digix Deepak featuring premium App Store UI, dark mode accents, and advanced responsive grid settings.
 Author:       Digix Deepak
 Author URI:   https://digixdeepak.com
 Template:     generatepress
 Version:      1.0.0
*/

/* GeneratePress Site CSS */
.main-navigation {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
/* Featured widget */
.separate-containers .page-header {
	background: transparent;
	padding-top: 20px;
	padding-bottom: 20px;
}
.widget {
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.page-header h1 {
	font-size: 1.5em;
}
.single h2 {
	background-color: #F7F7F4;
  border-left: 8px solid var(--accent-hover);
  padding: 10px 5px 10px 16px;
}
.button, .wp-block-button .wp-block-button__link {
	padding: 15px 25px;
}

@media (max-width: 768px) {
	.post-image img {
		max-width: 100%;
	}
}

/*Read More Button Style*/
.read-more-bt {
    transition: 0.5s;
    background-size: 200% auto;
    box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
}

a.read-more.button,
input[type="submit"] {
    font-size: 15px;
    padding: 10px 20px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 5px;
}
/*Breadcrumbs Style*/
.rank-math-breadcrumb p {
    padding: 3px 10px 3px 10px;
    color: #5f5f5f;
    font-size: 13px;
	  color: #333333;
	  background: #f9f9f9;
    border-radius: 5px;
	  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
/*Rank-Math FAQ Style*/
.rank-math-list-item {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%);
    border-radius: 4px;
    margin: 1em auto;
    overflow: hidden;
    padding: .5em .8em;
}
/*Images Style*/
.page-header-image-single .attachment-full {
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.wp-block-image {
    padding-top: 10px;
    padding-bottom: 20px;
}

.wp-block-image img {
    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 6%);
    border: 1px solid #cfcfcf;
    padding: 3px;
}
/*Table of contents*/
#toc_container li a {
    display: block;
    width: 100%;
    color: blue!important;
    padding: 10px 1em;
    border-top: 1px solid #aaa;
}
#toc_container {
    background: #f9f9f900;
    border: 1px solid #aaa;
    padding: 0px;
}
#toc_container span.toc_toggle {
    font-weight: 400;
    background: #fff;
    padding: 3px 20px;
    font-size: 18px;
    text-transform: capitalize;
    text-align: center;
    display: block;
}
/* DIGIXDEEPAK SOCIAL SHARE BUTTONS */

.digixdeepak-social-wrapper{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:25px;
}

.digixdeepak-social-sharing{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    transition:0.3s ease;

    text-decoration:none !important;
}

.digixdeepak-social-sharing:hover{
    transform:translateY(-3px) scale(1.05);
}

/* ICON */
.digixdeepak-social-sharing svg{
    width:18px;
    height:18px;
    fill:#fff;
}

/* COLORS */
.digixdeepak-social-facebook{
    background:#1877f2;
}

.digixdeepak-social-twitter{
    background:#000;
}

.digixdeepak-social-whatsapp{
    background:#25d366;
}

.digixdeepak-social-telegram{
    background:#0088cc;
}

.digixdeepak-social-reddit{
    background:#ff4500;
}

/* MOBILE */
@media(max-width:768px){

    .digixdeepak-social-wrapper{
        justify-content:center;
    }

}
/*Search Box*/
#wp-block-search__input-1 {
	border-radius: 120px;
	border: 0px;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
	border-radius: 40px;
}
input[type="search"] {
	border-color: var(--contrast-3);
	border-radius: 50PX;
}
.wp-block-search__button.has-icon {
	border-radius: 50px;
}
/*Comment Box*/
.comment-respond .comment-reply-title {
    padding: 10px 10px 10px 25px;
    background-color: var(--accent);
    border-radius: 5px;
    color: white !important;
    font-weight: 500;
    font-size: 20px !important;
}
/* Home Page Custom CSS */
.numbered-query-loop {
    counter-reset: custom-counter;
}
.numbered-query-loop .ra-item {
    position: relative;
    padding-left: 20px;
}
.numbered-query-loop .ra-item::before {
    counter-increment: custom-counter;
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: bold;
    color: #ff6600;
}
.popular-cat-btns {
    gap: 8px;
}
.popular-cat-btns .gb-button {
    margin: 0 !important;
}

/* End GeneratePress Site CSS */
/* Only Specific Deep Container */
.entry-content .gb-container .gb-container .gb-container .gb-container:not(.gb-container .gb-container .gb-container .gb-container .gb-container) {
    background: #fff !important;
    padding: 20px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
}

/* Download Timer Highlight */
#download-timer {
    background: rgba(255, 102, 0, 0.1);
    color: var(--accent);
    border: 2px dashed var(--accent);
    padding: 15px 20px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    margin: 20px auto;
    max-width: 400px;
    animation: pulseTimer 1.5s infinite;
}

@keyframes pulseTimer {
    0% { box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(255, 102, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 102, 0, 0); }
}