/*
Universal Button Border-Radius Fix
Ensures all buttons across the website have consistent border-radius
*/

/* ==========================================================================
   UNIVERSAL BUTTON BORDER-RADIUS - HIGHEST PRIORITY
   ========================================================================== */

/* Standard buttons - 6px border-radius */
button,
.button,
.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wp-block-button__link,
.wc-forward,
.added_to_cart,
.single_add_to_cart_button,
.woocommerce-Button,
.woocommerce .button,
.woocommerce button.button,
a.button,
.elementor-button,
.elementor-button-link,
.hero-read-more-btn,
.view-all-btn,
.newsletter-form button,
.footer-newsletter-form button,
.checkout-button,
.woocommerce-checkout .button,
.pagination .page-numbers,
.nav-links .page-numbers,
.post-navigation a,
.comment-form input[type="submit"] {
    border-radius: 6px !important;
}

/* Large action buttons - 8px border-radius */
.single_add_to_cart_button,
.checkout-button,
.woocommerce-checkout .button,
.hero-read-more-btn,
.newsletter-form button,
.footer-newsletter-form button {
    border-radius: 8px !important;
}

/* Special category/tag badges - 6px border-radius (no longer rounded) */
.post-categories a,
.post-category-badge span,
.tag-link,
.category-badge,
.single-post .post-categories a,
.main-post-card .post-category-badge span,
.secondary-post-card .post-category-badge span,
.blog-hero .post-category-badge span,
.main-post-card .post-category-badge span {
    border-radius: 6px !important;
}

/* Footer social buttons - 6px border-radius */
.footer-widget-social li a,
.social-media-links a,
.social-link {
    border-radius: 6px !important;
}

/* Form elements - 6px border-radius */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select,
.form-control,
.woocommerce input,
.woocommerce select,
.woocommerce textarea {
    border-radius: 6px !important;
}

/* Cards and containers - 8px to 16px based on size */
.post-card,
.main-post-card,
.secondary-post-card,
.widget,
.sidebar-widget {
    border-radius: 8px !important;
}

/* Large containers - 12px to 16px */
.content-area,
.single-post .content-area,
.related-posts,
.newsletter-cta-section,
.blog-hero,
.checkout-container,
.cart-container,
.site-footer-optimized .footer-container {
    border-radius: 12px !important;
}

/* Modern blog cards - 16px (special case) */
.main-posts-grid .main-post-card,
.secondary-featured-grid .secondary-post-card,
.blog-redesigned .main-post-card,
.blog-redesigned .secondary-post-card {
    border-radius: 16px !important;
}

/* Single post modern containers - 16px */
.single-post .content-area,
.single-post .related-posts {
    border-radius: 16px !important;
}

/* Special shipping info - 8px */
.quark-container,
.quark-card,
.quark-footer {
    border-radius: 8px !important;
}

/* Mini cart elements - 8px */
.widget_shopping_cart_content,
.woocommerce-mini-cart-item {
    border-radius: 8px !important;
}

/* ==========================================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================================== */

@media (max-width: 768px) {
    /* Slightly smaller border-radius on mobile for better touch */
    .main-posts-grid .main-post-card,
    .secondary-featured-grid .secondary-post-card,
    .single-post .content-area,
    .single-post .related-posts {
        border-radius: 12px !important;
    }
}

@media (max-width: 480px) {
    /* Even smaller on very small screens */
    .main-posts-grid .main-post-card,
    .secondary-featured-grid .secondary-post-card {
        border-radius: 8px !important;
    }
}

/* ==========================================================================
   OVERRIDE ANY CONFLICTING STYLES
   ========================================================================== */

/* Force override any existing rounded styles */
.rounded,
.rounded-sm,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-full {
    border-radius: 6px !important;
}

/* Special cases that should remain rounded */
.avatar,
.profile-image,
.user-avatar,
.author-avatar,
.circle,
.round {
    border-radius: 50% !important;
}

/* Progress indicators and dots */
.pagination-bullet,
.swiper-pagination-bullet,
.dot-indicator {
    border-radius: 50% !important;
}

/* End Universal Button Fix CSS */