/*
Theme Name: Sky Stone Granite Redesign
Theme URI: https://skystonegranite.com/
Author: Manus AI
Author URI: https://manus.im/
Description: A custom, ultra-premium, conversion-focused WordPress theme designed specifically for Sky Stone Granite. Features a chiseled obsidian and gold aesthetic, custom page templates, interactive stone slab galleries, and a high-converting multi-step quote form.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skystone-granite
Tags: custom-background, custom-logo, custom-menu, featured-images, translation-ready, luxury, premium
*/

/* Compatibility utilities expected by the Manus templates but omitted from the compiled bundle. */
.translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
}

.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}

header.z-40 {
    z-index: 60;
}

.inline-block {
    display: inline-block;
}

.h-11 {
    height: 2.75rem;
}

.w-11 {
    width: 2.75rem;
}

.w-80 {
    width: 20rem;
}

.gap-3\.5 {
    gap: 0.875rem;
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.pt-10 {
    padding-top: 2.5rem;
}

.pt-24 {
    padding-top: 6rem;
}

.pb-12 {
    padding-bottom: 3rem;
}

.z-40 {
    z-index: 40;
}

.border-2 {
    border-width: 2px;
}

.border-none {
    border-style: none;
}

.border-gray-200 {
    border-color: #E5E7EB;
}

.border-gray-900 {
    border-color: #101828;
}

.font-black {
    font-weight: 900;
}

.bg-\[\#0B0C10\] {
    background-color: #0B0C10;
}

.bg-\[\#12131A\] {
    background-color: #12131A;
}

.bg-\[\#D4AF37\] {
    background-color: #D4AF37;
}

.bg-\[\#D4AF37\]\/10 {
    background-color: rgb(212 175 55 / 0.1);
}

.bg-\[\#D4AF37\]\/20 {
    background-color: rgb(212 175 55 / 0.2);
}

.bg-\[\#FDFBF7\] {
    background-color: #FDFBF7;
}

.border-\[\#0B0C10\] {
    border-color: #0B0C10;
}

.border-\[\#D4AF37\] {
    border-color: #D4AF37;
}

.border-\[\#D4AF37\]\/10 {
    border-color: rgb(212 175 55 / 0.1);
}

.border-\[\#D4AF37\]\/20 {
    border-color: rgb(212 175 55 / 0.2);
}

.border-\[\#D4AF37\]\/30 {
    border-color: rgb(212 175 55 / 0.3);
}

.text-\[\#0B0C10\] {
    color: #0B0C10;
}

.text-\[\#D4AF37\] {
    color: #D4AF37;
}

.text-\[\#D4AF37\]\/30 {
    color: rgb(212 175 55 / 0.3);
}

.text-\[\#FAFAFA\] {
    color: #FAFAFA;
}

.text-gray-900 {
    color: #101828;
}

.text-\[8px\] {
    font-size: 8px;
}

.text-\[9px\] {
    font-size: 9px;
}

.text-\[10px\] {
    font-size: 10px;
}

.text-\[11px\] {
    font-size: 11px;
}

.tracking-\[0\.12em\] {
    letter-spacing: 0.12em;
}

.tracking-\[0\.2em\] {
    letter-spacing: 0.2em;
}

.tracking-\[0\.25em\] {
    letter-spacing: 0.25em;
}

.tracking-\[0\.3em\] {
    letter-spacing: 0.3em;
}

.tracking-\[0\.4em\] {
    letter-spacing: 0.4em;
}

.tracking-\[0\.45em\] {
    letter-spacing: 0.45em;
}

.leading-\[1\.05\] {
    line-height: 1.05;
}

.opacity-\[0\.02\] {
    opacity: 0.02;
}

.opacity-100 {
    opacity: 1;
}

.accent-\[\#D4AF37\] {
    accent-color: #D4AF37;
}

.bg-gradient-to-tr {
    --tw-gradient-position: to top right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
}

.from-\[\#D4AF37\]\/10 {
    --tw-gradient-from: rgb(212 175 55 / 0.1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.drop-shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.3\)\] {
    filter: drop-shadow(0 2px 5px rgb(0 0 0 / 0.3));
}

.shadow-\[0_0_15px_rgba\(212\,175\,55\,0\.15\)\] {
    box-shadow: 0 0 15px rgb(212 175 55 / 0.15);
}

.shadow-\[0_0_15px_rgba\(212\,175\,55\,0\.2\)\] {
    box-shadow: 0 0 15px rgb(212 175 55 / 0.2);
}

.hover\:bg-\[\#D4AF37\]:hover {
    background-color: #D4AF37;
}

.hover\:bg-\[\#D4AF37\]\/90:hover {
    background-color: rgb(212 175 55 / 0.9);
}

.hover\:bg-gray-900:hover {
    background-color: var(--color-gray-900, #101828);
}

.hover\:border-\[\#D4AF37\]:hover {
    border-color: #D4AF37;
}

.hover\:border-\[\#D4AF37\]\/30:hover {
    border-color: rgb(212 175 55 / 0.3);
}

.hover\:border-\[\#D4AF37\]\/50:hover {
    border-color: rgb(212 175 55 / 0.5);
}

.hover\:border-gray-400:hover {
    border-color: var(--color-gray-400, #99A1AF);
}

.hover\:border-gray-900:hover {
    border-color: var(--color-gray-900, #101828);
}

.hover\:text-\[\#0B0C10\]:hover {
    color: #0B0C10;
}

.hover\:text-\[\#D4AF37\]:hover {
    color: #D4AF37;
}

.hover\:text-\[\#FAFAFA\]:hover {
    color: #FAFAFA;
}

.focus\:border-\[\#D4AF37\]:focus {
    border-color: #D4AF37;
}

.focus\:outline-none:focus {
    outline-style: none;
}

.group:hover .group-hover\:text-\[\#D4AF37\] {
    color: #D4AF37;
}

.active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

.active\:scale-\[0\.97\]:active {
    --tw-scale-x: 97%;
    --tw-scale-y: 97%;
    --tw-scale-z: 97%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

.prose {
    max-width: 65ch;
}

.prose :where(p) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.prose :where(strong) {
    color: var(--foreground, #0B0C10);
    font-weight: 600;
}

.prose :where(ul, ol) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.prose :where(li) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.prose-stone {
    color: var(--muted-foreground, #5F6368);
}

@media (min-width: 64rem) {
    .lg\:prose-lg {
        font-size: 1.125rem;
        line-height: 1.7777778;
    }
}