/*
Theme Name: BootFrame Core
Theme URI: https://rocksite.pro/bootframe/
Author: Peter Bielecki
Author URI: https://netbiel.pl
Description: BootFrame Core is multipurpose WordPress theme with a clean responsive design  based on Bootstrap framework. BootFrame Core has a professional look that suits corporate business, blogs and portfolio websites. With deep WooCommerce plugin integration, BootFrame Core makes it easy to create eCommerce website. BootFrame is highly customizable with unlimited color and font options, logo upload, social media icons and much more that can be adjusted via Costomizer. You can easy build for your business site, portfolio, blog, one page, restaurant , healthcare, construction, education, sports, online agency,  services or any other site. BootFrame supports Site Origin's Page Builder which allows you to build any page layout required. It's also integrated with popular plugins: Contact Form 7, WPML, Polylang, Shortcodes Ultimate, WooCommerce. Tested with Gutenberg and WordPress 5.0
Version: 4.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  one-column, two-columns, custom-background, custom-colors,  custom-menu, featured-image-header, featured-images, theme-options, full-width-template, sticky-post, flexible-header,  threaded-comments, translation-ready
Text Domain: bootframe-core
*/


@import "assets/css/vendor.css";

@import "assets/css/main.css";


/* Pagination Styling - Dark Theme */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 15px 0;
    gap: 8px;
}

.pagination a, 
.pagination span {
    color: #fff;
    background: #222; /* Dark background */
    padding: 10px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    border: 1px solid #444;
    font-size: 14px;
}

/* Active Page */
.pagination .current {
    background: #e63946; /* Red active page */
    color: #fff;
    border-color: #e63946;
    pointer-events: none;
}

/* Hover Effect */
.pagination a:hover {
    background: #e63946; /* Red hover */
    color: #fff;
    border-color: #e63946;
}

/* Prev & Next Buttons */
.pagination .prev, 
.pagination .next {
    font-size: 14px;
    padding: 10px 8px;
}

/* Optional: Add Shadow for Better Look */
.pagination a, .pagination .current {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.dots, .smartlib-meta-line {display:none;}

/* Responsive Fix */
@media (max-width: 600px) {
    .pagination {
        flex-wrap: wrap;
        gap: 6px;
    }

    .pagination a, 
    .pagination span {
        padding: 8px 10px;
        font-size: 12px;
    }
	
	.pagination .prev, 
	.pagination .next {
		font-size: 12px;
		padding: 8px 8px;
	}
}




/* Call to Action Buttons */
.cta-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 20px 0;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  height: 50px;
  line-height: 1;
  box-sizing: border-box;
}

.cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.cta-btn:active {
  transform: translateY(0);
}

/* Call Button */
.cta-btn-call {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
}

.cta-btn-call:hover {
  background: linear-gradient(135deg, #5568d3 0%, #633d8f 100%);
  color: #ffffff;
}

/* WhatsApp Button */
.cta-btn-whatsapp {
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  color: #ffffff;
}

.cta-btn-whatsapp:hover {
  background: linear-gradient(135deg, #20ba56 0%, #0e6b61 100%);
  color: #ffffff;
}

/* Location Button */
.cta-btn-location {
  background: linear-gradient(135deg, #4A90E2 0%, #2E5C8A 100%);
  color: #ffffff;
}

.cta-btn-location:hover {
  background: linear-gradient(135deg, #3a7bc8 0%, #234a6f 100%);
  color: #ffffff;
}

/* Appointment Button - Yellow/Gold */
.cta-btn-appointment {
  background: linear-gradient(135deg, #F7B731 0%, #D68910 100%);
  color: #ffffff;
}

.cta-btn-appointment:hover {
  background: linear-gradient(135deg, #e5a71f 0%, #b87408 100%);
  color: #ffffff;
}

/* Buy Now Button - Red */
.cta-btn-buynow {
  background: linear-gradient(135deg, #E74C3C 0%, #C0392B 100%);
  color: #ffffff;
}

.cta-btn-buynow:hover {
  background: linear-gradient(135deg, #d43725 0%, #a02e22 100%);
  color: #ffffff;
}

/* Icon styling */
.cta-btn i {
  margin-right: 8px;
  font-size: 18px;
}

/* Responsive design */
@media (max-width: 600px) {
  .cta-buttons {
    flex-direction: column;
    gap: 10px;
  }
  
  .cta-btn {
    width: 100%;
  }
}
.cta-buttons.cta-center {
  justify-content: center;
}