/*
Theme Name: Decor Shop Pro
Theme URI: https://www.themagnifico.net/products/florist-wordpress-theme
Author: Themagnifico
Author URI: https://www.themagnifico.net/
Description: Decor Shop Pro is a modern and stylish WordPress theme designed for florists, flower shops, and floral businesses. With its elegant design and powerful features, Decor Shop Pro provides the perfect platform to showcase your floral arrangements and attract customers. The theme offers a user-friendly interface, customizable options, and seamless integration with WooCommerce, allowing you to easily set up an online store and sell your products. Whether you're a small local florist or a large floral business, Decor Shop Pro is the ideal choice to create a stunning online presence and grow your business.
Version: 0.0.2
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: decor-shop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Decor Shop Pro WordPress Theme has been created by Themagnifico(themagnifico.net), 2026.
Decor Shop Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */


@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sail&display=swap');

/*--------- Site Loader --------------*/
.preloader {
  background: #FF6B81;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
  align-items: center;
    justify-content: center;
}
.loader {
  width: 60px;
  aspect-ratio: 1;
  position:relative;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  inset: 0;
  background:
    radial-gradient(circle 10px,#FFFFFF 94%,#0000),
    repeating-conic-gradient(from -30deg,#0000 0 60deg,#FFFFFF 61deg 120deg);
  -webkit-mask:radial-gradient(circle 15px,#000 calc(100% - 6px),#0000 calc(100% - 5px) 94%,#000);
}
.loader:after {
  animation: l4 1s infinite;
  transform: perspective(300px) translateZ(0px)
}
@keyframes l4 {
  to {transform:perspective(300px) translateZ(150px);opacity:0}
}

.woocommerce .loader::before{
  background: unset !important;
}