/*

Theme Name: Alwaleed Co.
Theme URI: https://hussain.com
Author: Alhussain Alhaidry
Author URI: https://fb.com/hussainalhaidry
License: GNU GPL v2
License URI: http://gnu.org/licenses/gpl-2.0.html
Description: This is an amazing Theme
Version: 1.0
Tags: blog, two-columns
Text domain: wpc

*/

.blog-textt{
    color: #ffffff !important;
        margin-left: 5px !important;
}


iframe.instagram-media {
    max-width: 100% !important;
    width: 100% !important;
    min-width: auto !important;
}


.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    text-align: right;
    padding: 0;
}

.breadcrumb-item {
    float: none;
    font-size: 15px;
    display: inline-block;
    /* color: #ffffff !important; */
}

.breadcrumb-item.active {
    color: #ffffff !important;

 }

.catgiory-title {

    display: inline-block !important;
} 

.catgiory-title::after {
   position: absolute !important;
    content: " " !important;
    width: 50% !important;
    height: 2px !important;
    left: calc(45% - 50px) !important;
    bottom: 0 !important;
    background: #030f27 !important;
}
.descriptn-catg {

        font-size: 22px;
} 

.comment-item .children{
    list-style: none !important;
}

.prodcts{
    margin-bottom: 3rem !important;
}



.comment-body .comment-text .reply-to-info {
    font-size: 14px;
     font-weight: bold; 
    color: #50452f !important;
    margin-bottom: 6px;
     display: inline !important;
}

.comment-body .comment-text  .name-of-replied{
    display: inline !important;

      font-size: 16px;
    font-weight: bold;
    color: #aa8432 !important;
    margin-bottom: 6px;
}

.btn-socail{
    margin: 0 2px 0 2px !important;
}

/*



*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/* Reseting */
/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    background-color: #7d2ae8;
} */

#shareBtn{
    letter-spacing: 2px;
    font-weight: 600;
    box-shadow: none;
    background-color: #eee;
    color: #7d2ae8;
    border: none;
}

.modal{
    top: 20%;
}

.btn-close{
    box-shadow: none;
    border: none;
    outline: none;
}

.modal-body .icons{
    margin: 15px 0px 20px 0px;
}

.modal-body .icons a{
    text-decoration: none;
    border: 1px solid transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    transition: all 0.3s ease-in-out;
}

.modal-body .icons a:nth-child(1){
    color: #1877F2;
    border-color: #B7D4FB;
}

.modal-body .icons a:nth-child(1):hover{
    background-color: #1877F2;
    color: #fff;
}

.modal-body .icons a:nth-child(2){
    color: #46C1F6;
    border-color: #b6e7fc;
}

.modal-body .icons a:nth-child(2):hover{
    background-color: #46C1F6;
    color: #fff;
}

.modal-body .icons a:nth-child(3){
    color: #e1306c;
    border-color: #f5bccf;
}

.modal-body .icons a:nth-child(3):hover{
    background-color: #e1306c;
    color: #fff;
}

.modal-body .icons a:nth-child(4){
    color: #25d366;
    border-color: #bef4d2;
}

.modal-body .icons a:nth-child(4):hover{
    background-color: #25d366;
    color: #fff;
}


.modal-body .icons a:nth-child(5){
    color: #0088cc;
    border-color: #b3e6ff;
}

.modal-body .icons a:nth-child(5):hover{
    background-color: #0088cc;
    color: #fff;
}

.modal-body .icons a:hover{
    border-color: transparent;
}

.modal-body .icons a span{
    transition: all 0.09s ease-in-out;
}

.modal-body .icons a:hover span{
    transform: scaleX(1.1);
}

.modal-body .field{
    margin: 15px 0px -5px 0px;
    height: 45px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 0 5px;
}

.modal-body .field.active{
    border-color: #7d2ae8;
}

.field span{
    width: 50px;
    font-size: 1.1rem;
}

.field.active span{
    color: #7d2ae8;
}

.field input{
    border: none;
    outline: none;
    font-size: 0.89rem;
    width: 100%;
    height: 100%;
}

.field button{
    padding: 5px 16px;
    color: #fff;
    background: #7d2ae8;
    border: 2px solid transparent;
    border-radius: 5px;
    font-weight: 500;
}

@media (max-width: 330px) {
    .modal-body .icons a{
        margin-right: 15px;
        width: 35px;
        height: 35px;
    }
}



.clrbg{

    background-color: #ffffff !important;
}








    /* General Body and Font Styles */
 
    /* Main container for centering the form */
    .main-container {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3rem 1rem;
        min-height: 100vh;
        box-sizing: border-box;
    }

    /* Form wrapper/card */
    .form-wrapper {
        width: 100%;
        max-width: 42rem; /* max-w-2xl */
        border-radius: 0.5rem; /* rounded-lg */
        background-color: white;
        padding: 2.5rem; /* p-10 */
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
            0 4px 6px -4px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
    }

    /* Top image styling */
    .form-image {
        margin-bottom: 3rem; /* mb-12 */
        width: 100%;
        border-radius: 0.5rem;
    }

    /* Header section for title and description */
    .form-header {
        margin-bottom: 2rem; /* mb-8 */
        text-align: center;
    }

    .form-title {
        font-size: 1.875rem; /* text-2xl */
        font-weight: 600; /* font-semibold */
        color: #1f2937; /* text-gray-800 */
    }

    .form-description {
        margin-top: 0.5rem; /* mt-2 */
        font-size: 0.875rem; /* text-sm */
        color: #4b5563; /* text-gray-600 */
        line-height: 1.5;
    }

    /* Container for each form field group */
    .form-group {
        margin-bottom: 1.5rem; /* mb-6 */
    }

    /* Form labels */
    .form-label {
        display: block;
        margin-bottom: 0.5rem; /* mb-2 */
        font-size: 0.875rem; /* text-sm */
        font-weight: 500; /* font-medium */
        color: #4b5563; /* text-gray-600 */
    }

    /* Common styles for input, select, and textarea */
    .form-input,
    .form-select,
    .form-textarea {
        width: 100%;
        border-radius: 0.375rem; /* rounded-md */
        border: 1px solid #d1d5db; /* border-gray-300 */
        padding: 0.75rem; /* p-3 */
        font-size: 0.875rem; /* text-sm */
        color: #1f2937; /* text-gray-800 */
        box-sizing: border-box;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .form-input:focus,
    .form-select:focus,
    .form-textarea:focus {
        border-color: #6366f1; /* focus:border-indigo-500 */
        box-shadow: 0 0 0 1px #6366f1; /* focus:ring-1 focus:ring-indigo-500 */
        outline: none;
    }

    /* Consent Checkbox Group */
    .consent-group {
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .form-checkbox {
        height: 1rem;
        width: 1rem;
        color: #4f46e5;
    }

    .consent-label {
        margin-left: 0.5rem;
        font-size: 0.875rem;
        color: #4b5563;
    }

    /* Submit Button */
    .submit-btn {
        width: 100%;
        border-radius: 0.375rem;
        background-color: #f0c84c;
        padding: 0.75rem 1.5rem;
        font-weight: 500;
        color: white;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s, box-shadow 0.3s;
    }

    .submit-btn:hover {
        background-color: #030f27;
    }

    .submit-btn:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.5);
    }

    /* Mobile Responsive Styles */
    @media (max-width: 640px) {
        .main-container {
            padding: 1rem;
        }
        .form-wrapper {
            padding: 1.5rem;
        }
        .form-title {
            font-size: 1.5rem;
        }
    }





/*  pagination Css Style  */









.d-flex-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    gap: 0px;
    /* padding-top: 10px; */
    /* width: 40%; */
}

.d-flex-meta small{

    color: #0088cc;
        font-weight: 600;
}




/*  css for styleing ads inside blog post  */


/* fonts  */
@import url('https://fonts.googleapis.com/css?family=Abel|Aguafina+Script|Artifika|Athiti|Condiment|Dosis|Droid+Serif|Farsan|Gurajada|Josefin+Sans|Lato|Lora|Merriweather|Noto+Serif|Open+Sans+Condensed:300|Playfair+Display|Rasa|Sahitya|Share+Tech|Text+Me+One|Titillium+Web');

/* body {
background: #DFC2F2;
	background-image: linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%);
	background-attachment: fixed;	
	background-size: cover;
	} */

#container{
	box-shadow: 0 15px 30px 1px rgba(128, 128, 128, 0.31);
	background: rgba(255, 255, 255, 0.90);
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	margin: 5em auto;
	height: 350px;
	width: 700px;
	max-width: 95%;

      border: 1px solid #25d366;
}

/* 	Product details  */
.product-details {
	    position: relative;
    text-align: left;
    overflow: hidden;
    padding-top: 25px;
    padding-left: 14PX;
    height: 100%;
    float: left;
    width: 45%;
}

/* 	Product Name */
#container .product-details h1{
    font-family: 'Old Standard TT', serif;
    display: inline-block;
    position: relative;
    font-size: 25px;
    color: #344055;
    margin: 0;
    padding: 16px;
    font-weight: bold;}

#container .product-details h1:before{
    position: absolute;
    content: '';
    left: -7%;
    top: 0%;
    transform: translate(25px, -15px);
    font-family: 'Farsan', cursive;
    display: inline-block;
    background: #ffd700;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px;
    color: #030f27;
    margin: 0;
    animation: chan-sh 6s ease infinite;
}

/* #container .product-details h1::after{
    position: absolute;
    content: '';
    right: 60%;
    top: 0%;
    transform: translate(25px, -15px);
    font-family: 'Farsan', cursive;
    display: inline-block;
    background: #ffd700;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px;
    color: #030f27;
    margin: 0;
    animation: chan-sh 6s ease infinite;
} */

@keyframes chan-sh {
	from  {content: 'Most Saled';}
	 to  {content: 'Most Saled';}
}

/* rating */
.hint-star {
	display: inline-block;
	margin-left: 0.5em;
	color: gold;
	width: 50%;
}

/* Excerpt */
#container .product-details > p {
	font-family: 'Farsan', cursive;
	text-align: center;
	font-size: 18px;
	color: #7d7d7d;
	line-height: 1.5;
	/* max-height: 90px; */
	overflow: hidden;
   
}

/* controol */
.controol{
    position: absolute;
    bottom: 2%; 
    width: 100%;
    /* left: 22.8%; */

}

/*  Button */
.bttn {
	transform: translateY(0px);
	transition: 0.3s linear;
	background: #ffd700;
	border-radius: 5px;
  	position: relative;
  	overflow: hidden;
	cursor: pointer;
	outline: none;
	border: none;
	color: #eee;
	padding: 0;
	margin: 0;
}

.bttn:hover{transform: translateY(-4px);}

.bttn a span {
	font-family: 'Farsan', cursive;
	transition: transform 0.3s;
	display: inline-block;
	padding: 10px 20px;
	font-size: 1.2em;
	margin:0;
}
.bttn a{

   /* font-family: 'Farsan', cursive; */
    transition: transform 0.3s;
    display: inline-block;
    padding: 8px;
    /* font-size: 1.2em; */
    margin: 0;
    font-weight: bold;
    text-align: center;
}

.bttn a:hover{

   color: #ffffff;
}


.bttn a span a{
    color: #837737;
}
.bttn a .price, .shopping-cart{
	background: #333;
	border: 0;
	margin: 0;
}

.bttn a .price {
	transform: translateX(-10%); padding-right: 15px;
        color: #ffffff;
}

/* the Icon */
.bttn a  .shopping-cart {
	transform: translateX(-100%);
	position: absolute;
	background: #333;
	z-index: 1;
	left: 0;
	top: 0;
}

.bttn a .buy {z-index: 3; font-weight: bolder;}

.bttn:hover a .price {transform: translateX(-110%);}
.bttn:hover a .shopping-cart {transform: translateX(0%);}

/* product image  */
.product-image {
	transition: all 0.3s ease-out;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 100%;
	float: right;
	width: 50%;
}

#container img {width: 100%;height: 100%;object-fit: cover;}

.info {
    background: rgba(27, 26, 26, 0.9);
    font-family: 'Farsan', cursive;
    transition: all 0.3s ease-out;
    transform: translateX(-100%);
    position: absolute;
    line-height: 1.9;
    text-align: left;
    font-size: 120%;
    cursor: no-drop;
    color: #FFF;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.info h2 {text-align: center}
.product-image:hover .info{transform: translateX(0);}
.info ul li{transition: 0.3s ease;}
.info ul li:hover{transform: translateX(50px) scale(1.3);}
.product-image:hover img {transition: all 0.3s ease-out;}
.product-image:hover img {transform: scale(1.2, 1.2);}


/* ----------------------------------------- */
/* ✅ Responsive Layout */
/* ----------------------------------------- */

@media (max-width: 820px){
	#container{
		height: auto;
		padding-bottom: 20px;
	}
	.product-details, .product-image {
		width: 100%;
		float: none;
		height: auto;
		text-align: center;
	}

	.product-details{padding: 20px;}
	.controol{position: static; margin-top: 15px; left: auto;}
}

@media (max-width: 480px){
	#container .product-details h1{
		font-size: 20px
    }
}





/*  كود صفحة نتائج البحث search.php */


/* Search Page Styles */
.search-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    transition: transform 0.3s, box-shadow 0.3s;
}

.search-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.15);
}

.search-card-img img {
    width: 100%;
    height: auto;
    display: block;
}

.search-card-body {
    padding: 15px 20px;
}

.search-card-title {
    font-size: 22px;
    margin-bottom: 10px;
}

.search-card-title a {
    color: #fdbe33;
    text-decoration: none;
    font-size: medium;
        font-weight: bold;
}

.search-card-title a:hover {
    /* text-decoration: underline; */
}

.search-card-excerpt {
    font-size: 15px;
    color: #555;
    margin-bottom: 10px;
    line-height: 1.6;
}

.search-card-link {
    display: inline-block;
    padding: 8px 15px;
    background-color: #fdbe33;
    color: #000000;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.3s;
}

.search-card-link:hover {
    background-color: #000000;
}

.no-results {
    text-align: center;
    font-size: 18px;
    color: #777;
    padding: 40px 0;
}


/* Responsive */
@media(max-width: 768px){
    .search-card-title {
        font-size: 20px;
    }
    .search-card-excerpt {
        font-size: 14px;
    }
}

@media(max-width: 480px){
    .search-card-title {
        font-size: 18px;
    }
    .search-card-excerpt {
        font-size: 13px;
    }
}