/*
Theme Name: Garmin Yemen
Description: A professional WordPress theme for Garmin Yemen with blog and e-commerce functionality
Version: 1.0
Author: Garmin Yemen
Text Domain: garmin-yemen
*/

/* Import all existing CSS files from the files folder */
@import url('files/css2.css');
@import url('files/css2_003.css');
@import url('files/css2_005.css');
@import url('files/css2_004.css');
@import url('files/style.min_002.css');
@import url('files/wc-blocks-vendors-style.css');
@import url('files/wc-blocks-style.css');
@import url('files/chaty-front.min.css');
@import url('files/select2.min.css');
@import url('files/front.css');
@import url('files/dashicons.min.css');
@import url('files/font-awesome.min.css');
@import url('files/cor_front.css');
@import url('files/wooajaxcart.css');
@import url('files/woocommerce-layout.css');
@import url('files/woocommerce-smallscreen.css');
@import url('files/twenty-twenty-two.css');
@import url('files/style.min.css');
@import url('files/main_002.css');
@import url('files/webfont.min.css');
@import url('files/public.min.css');
@import url('files/fonts.css');
@import url('files/style_002.css');
@import url('files/bootstrap.min.css');
@import url('files/bootstrap-theme.min.css');
@import url('files/accessible-slick-theme.min.css');
@import url('files/responsive-tabs.css');
@import url('files/slick.min.css');
@import url('files/main.css');
@import url('files/main-rtl.css');
@import url('files/swiper-bundle.min.css');
@import url('files/swiper.css');
@import url('files/windows.css');
@import url('files/myaccount.css');
@import url('files/min-520.css');
@import url('files/min-480.css');
@import url('files/min-768.css');
@import url('files/min-992.css');
@import url('files/min-1024.css');
@import url('files/min-1200.css');
@import url('files/cart.css');
@import url('files/css2_002.css');
@import url('files/css2_006.css');
@import url('files/style.css');
@import url('files/awdr_style.css');
@import url('files/frontend.min.css');
@import url('files/bootstrap.min_002.css');

/* WordPress Admin Bar Adjustment */
.admin-bar .gh__header {
    top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .gh__header {
        top: 46px;
    }
}

/* WordPress specific styles */
.wp-block-image img {
    max-width: 100%;
    height: auto;
}

.aligncenter {
    text-align: center;
}

.alignleft {
    float: left;
    margin-right: 1em;
}

.alignright {
    float: right;
    margin-left: 1em;
}

/* WordPress post styles */
.entry-content {
    line-height: 1.6;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.entry-content p {
    margin-bottom: 1em;
}

.entry-content ul,
.entry-content ol {
    margin-bottom: 1em;
    padding-left: 2em;
}

/* WordPress widget styles */
.widget {
    margin-bottom: 2em;
}

.widget-title {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 1em;
    color: #333;
}

/* WordPress comment styles */
.comment-list {
    list-style: none;
    padding: 0;
}

.comment {
    margin-bottom: 2em;
    padding: 1em;
    background: #f8f9fa;
    border-radius: 5px;
}

.comment-author {
    font-weight: 600;
    color: #1a4548;
}

.comment-meta {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 0.5em;
}

/* WordPress search form */
.search-form {
    display: flex;
    gap: 10px;
}

.search-form input[type="search"] {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.search-form button {
    padding: 8px 16px;
    background: #1a4548;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.search-form button:hover {
    background: #0f2a2c;
}

/* Custom styles to match existing design */
.currency-sign::before {
    content: url('files/Saudi_Riyal_Symbol.svg'); 
    display: inline-block;
    width: 16px; 
    height: 16px; 
    vertical-align: middle; 
    margin-right: 5px;
}

#ph1{
    display: none;
}
@media only screen and (max-width: 768px) {
    #ph1{
        display: block;
    }  
}

#pp1{
    display: none;
}
@media only screen and (max-width: 768px) {
    #pp1{
        display: block;
    }  
}

.subscrib{
    display:none;
}