/*
Theme Name:   WoWmart Organic
Theme URI: https://wpthemespace.com/product/wowmart-organic/
Author:       Noor alam
Author URI:   https://profiles.wordpress.org/nalam-1/
Version:      1.0.1
Description:  WoWmart Organic is a clean and modern WordPress theme designed specifically for organic food stores, natural product shops, health & wellness businesses, and eco-friendly marketplaces. Built with WooCommerce integration, this theme provides a seamless shopping experience with beautiful product displays, intuitive navigation, and responsive design that looks stunning on all devices. Features include customizable layouts, multiple homepage sections, product filters, and easy color customization to match your brand identity. Perfect for farmers markets, organic grocery stores, natural cosmetics shops, and sustainable lifestyle brands looking to establish a professional online presence.
Tested up to: 6.9
Requires PHP: 7.4
Requires at least: 6.0
Template:     wowmart
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags: 		  e-commerce, blog, education, custom-logo, one-column, two-columns, grid-layout, right-sidebar, custom-background, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, threaded-comments, translation-ready, block-styles
Text Domain: wowmart-organic

*/
.pt-5 {
  padding-top: 1rem !important;
}
.py-3 {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}
.wowmart-btext, .widget-area .widget, .site-footer, .archive-header, .search-header, .wowmart-page, .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation, .site-footer, .xskit-single-list, .comments-area {
  padding: 13px !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
}
img.custom-logo {
  margin-bottom: 0rem !important;
}

/* ==========================================================================
   Statistical Consulting Page - Modern Styles
   ========================================================================== */

/* Main styled boxes container */
.styled-main-boxes {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    padding: 25px;
    margin: 30px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.styled-main-boxes h2 {
    color: #1e3a5f;
    font-size: 2em;
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
}

.styled-main-boxes h2::before {
    content: "◆";
    position: absolute;
    left: 0;
    font-size: 1.2em;
    color: #2563eb;
}

/* Styled list block */
.styled-list-block {
    background: white;
    border-radius: 6px;
    padding: 20px;
    margin-top: 15px;
    border-left: 5px solid #2563eb;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.styled-list-block p {
    font-size: 1.1em;
    line-height: 1.8;
    color: #334155;
    margin: 10px 0;
    padding-left: 25px;
    position: relative;
}

.styled-list-block p strong {
    color: #1e3a5f;
    font-weight: 600;
}

.styled-list-block p::before {
    content: "▸";
    position: absolute;
    left: 5px;
    color: #2563eb;
    font-weight: bold;
}

/* Transport boxes - company cards */
.transport-box {
    background: white;
    border-radius: 8px;
    padding: 25px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
}

.transport-box h3 {
    color: #1e3a5f;
    font-size: 1.8em;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 3px solid #2563eb;
    position: relative;
}

.transport-box h3::before {
    content: "■";
    margin-right: 10px;
    color: #2563eb;
    font-size: 0.7em;
    position: relative;
    top: -5px; 
}

/* Styled box - info tables */
.styled-box {
    margin: 20px 0 !important;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.styled-box table {
    width: 100%;
    margin: 0 !important;
    border: none !important;
}

.styled-box tbody tr {
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);
}

.styled-box td {
    padding: 10px 10px !important;
    text-align: center;
    color: white !important;
    border: none !important;
    border-right: 2px solid rgba(255, 255, 255, 0.2) !important;
    font-size: 0.95em;
}

.styled-box td:last-child {
    border-right: none !important;
}

.styled-box td strong {
    display: block;
    font-size: 1.3em;
    font-weight: 700;
    color: white;
}

.styled-box td br + text,
.styled-box td strong + text {
    font-size: 0.85em;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Styled quote */
.styled-quote {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-left: 5px solid #2563eb;
    border-radius: 6px;
    padding: 18px 25px;
    margin: 20px 0;
    position: relative;
    font-style: italic;
    color: #1e40af;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1);
}

.styled-quote::before {
    content: "»";
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 3em;
    opacity: 0.2;
    color: #2563eb;
    font-style: normal;
}

.styled-quote em {
    font-size: 1.1em;
    line-height: 1.7;
    display: block;
    margin-bottom: 10px;
}

/* Styled point - key highlight */
.styled-point {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-left: 5px solid #f59e0b;
    border-radius: 6px;
    padding: 18px 25px;
    margin: 20px 0;
    position: relative;
}

.styled-point strong {
    color: #92400e;
    font-weight: 700;
    padding-left: 0 !important;
}

.styled-point strong::before {
    display: none !important;
}

/* FAQ block */
.faq-block {
    background: white;
    border-radius: 8px;
    padding: 21px;
    margin: 21px 0;
    border: 2px dashed #cbd5e1;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

.faq-block h2 {
    color: #1e3a5f;
    margin-bottom: 25px;
    font-size: 2em;
    position: relative;
    padding-left: 40px;
}

.faq-block h2::before {
    content: "?";
    position: absolute;
    left: 0;
    font-size: 1.3em;
    color: #2563eb;
    font-weight: bold;
}

.faq-block p {
    margin: 15px 0;
    line-height: 1.8;
}

.faq-block p strong {
    display: block;
    color: #2563eb;
    font-size: 1.15em;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}

.faq-block p strong::before {
    content: "▸";
    position: absolute;
    left: 5px;
    color: #2563eb;
    font-size: 1.2em;
}

.faq-block p:not(:has(strong)) {
    color: #475569;
    padding-left: 30px;
    margin-left: 0;
}

/* Disclosure box */
.disclosure-box {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    border-radius: 6px;
    padding: 25px;
    margin: 30px 0;
    border: 2px solid #cbd5e1;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.disclosure-box p strong {
    color: #475569;
    font-size: 1.1em;
    display: block;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
}

.disclosure-box p strong::before {
    content: "i";
    position: absolute;
    left: 0;
    font-size: 1.2em;
    color: #64748b;
    font-weight: bold;
    font-style: italic;
}

.disclosure-box p em {
    color: #64748b;
    font-size: 0.95em;
    line-height: 1.8;
    display: block;
    font-style: normal;
}

/* Main table styling */
.mtr-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 30px 0;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.mtr-table thead {
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);
}

.mtr-thead-th .mtr-th-tag {
    padding: 15px 12px !important;
    color: white !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.9em;
    border-right: 2px solid rgba(255, 255, 255, 0.2);
}

.mtr-thead-th .mtr-th-tag:last-child {
    border-right: none;
}

.mtr-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

.mtr-table tbody tr:nth-child(odd) {
    background: white;
}

.mtr-table .mtr-td-tag {
    padding: 15px 12px !important;
    color: #334155;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: middle;
}

.mtr-table .mtr-td-tag strong {
    color: #1e3a5f;
    font-weight: 700;
    font-size: 1.05em;
}

/* Page header */
.entry-header.wowmart-page h1 {
    color: #1e3a5f;
    font-size: 2.2em;
    font-weight: 800;
}

/* General heading styles */
.entry-content h2 {
    color: #1e3a5f;
    font-size: 2em;
    font-weight: 700;
    margin: 3px 0 20px 0;
    position: relative;
    padding-left: 30px;
}

.entry-content h2::before {
    content: "●";
    position: absolute;
    left: 0;
    font-size: 1em;
    color: #2563eb;
}

/* Service and Best For sections */
.transport-box p {
    line-height: 1.8;
}

.transport-box p strong {
    color: #1e3a5f;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    display: inline-block;
}

.transport-box p strong::after {
    content: " ";
    display: inline;
    white-space: pre;
}

/* Universal icons for SERVICES:, BEST FOR:, WEBSITE: */
.transport-box p strong::before {
    position: absolute;
    left: 0;
    color: #2563eb;
    font-size: 1.4em;
    top: -3px;
    content: "•";
    font-weight: bold;
}

/* Horizontal lines styling */
hr {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent 0%, #cbd5e1 20%, #cbd5e1 80%, transparent 100%) !important;
    margin: 30px 0 !important;
}

.entry-content hr {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent 0%, #2563eb 20%, #2563eb 80%, transparent 100%) !important;
    margin: 35px 0 !important;
    opacity: 0.3 !important;
}

/* Styled horizontal divider */
.transport-box hr,
.styled-main-boxes hr,
.faq-block hr {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent 0%, #e2e8f0 10%, #cbd5e1 50%, #e2e8f0 90%, transparent 100%) !important;
    margin: 25px 0 !important;
}

/* Images */
.entry-content .wp-block-image {
    margin: 30px 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.entry-content .wp-block-image img {
    border-radius: 8px;
}

/* Responsive design */
@media (max-width: 768px) {
    .styled-main-boxes,
    .transport-box,
    .faq-block,
    .disclosure-box {
        padding: 20px;
    }
    
    .styled-main-boxes h2,
    .faq-block h2,
    .entry-content h2 {
        font-size: 1.5em;
        padding-left: 30px;
    }
    
    .transport-box h3 {
        font-size: 1.4em;
    }
    
    .styled-box td {
        padding: 12px 8px !important;
        font-size: 0.85em;
    }
    
    .styled-box td strong {
        font-size: 1.1em;
    }
    
    .mtr-table {
        font-size: 0.9em;
    }
    
    .mtr-thead-th .mtr-th-tag,
    .mtr-table .mtr-td-tag {
        padding: 12px 8px !important;
    }
}

@media (max-width: 480px) {
    .styled-list-block p {
        font-size: 1em;
    }
    
    .entry-header.wowmart-page h1 {
        font-size: 1.6em;
    }
    
    .styled-quote::before,
    .styled-point::before {
        display: none;
    }
}

/* ==========================================================================
   Header & Footer Styling
   ========================================================================== */

/* Header styling */
.site-header.wowmart-header {
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    border-bottom: 3px solid #1e40af !important;
}

.wowmart-header-middle {
    background: transparent !important;
}

.site-branding .container {
    max-width: 1200px !important;
}

/* Logo styling */
.headerlogo-text a img {
    filter: brightness(1.1) !important;
    transition: transform 0.3s ease !important;
}

.headerlogo-text a:hover img {
    transform: scale(1.05) !important;
}

/* Navigation menu styling */
.wowmart-main-menu-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wowmart-main-menu-container li a {
    color: white !important;
    font-weight: 600 !important;
    font-size: 1.05em !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.wowmart-main-menu-container li a:hover,
.wowmart-main-menu-container li.current-menu-item a {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #fef3c7 !important;
}

/* Mobile menu button */
.menu-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    transition: all 0.3s ease !important;
}

.menu-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.menu-btn svg {
    stroke: white !important;
}

/* Mobile navigation */
#wsm-menu-ul {
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    margin-top: 10px !important;
}

#wsm-menu-ul li a {
    color: white !important;
    padding: 12px 20px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#wsm-menu-ul li a:hover,
#wsm-menu-ul li.current-menu-item a {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #fef3c7 !important;
    padding-left: 25px !important;
}

/* Footer styling */
.site-footer {
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%) !important;
    padding: 25px 0 !important;
    margin-top: 50px !important;
    border-top: 4px solid #1e40af !important;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1) !important;
}

.site-info.finfo {
    color: white !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

.footer-sep {
    color: rgba(255, 255, 255, 0.5) !important;
    margin: 0 10px !important;
}

/* Additional responsive adjustments */
@media (max-width: 768px) {
    .site-header.wowmart-header {
        padding: 10px 0 !important;
    }
    
    .site-footer {
        padding: 20px 0 !important;
        margin-top: 40px !important;
    }
    
    .site-info.finfo {
        font-size: 0.9em !important;
    }
}


@media screen and (max-width: 992px) {
    #masthead.site-header {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .mobile-menu-bar {
          background: #1e3a5f !important;
        display: block;
        padding: 10px 0;
    }
    
    .mobile-menu-bar,
    .wowmart-header-middle {
        text-align: center;
    }
    
    .mobile-menu-bar .container {
        display: flex;
        justify-content: center;
    }
    
    .mobile-menu-bar .mobile-navigation {
        display: flex;
        justify-content: center;
    }
    
    #mmenu-btn {
        margin: 0 auto;
    }
    
    .wowmart-header-middle .site-branding .row {
        justify-content: center;
    }
}