/* assets/css/styles.css */
@font-face {
  font-family: 'Wulkan Display';
  src: url('../fonts/wulkan-display/WulkanDisplayLight.woff2') format('woff2'),
       url('../fonts/wulkan-display/WulkanDisplayLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Wulkan Display';
  src: url('../fonts/wulkan-display/WulkanDisplayRegular.woff2') format('woff2'),
       url('../fonts/wulkan-display/WulkanDisplayRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Wulkan Display';
  src: url('../fonts/wulkan-display/WulkanDisplayMedium.woff2') format('woff2'),
       url('../fonts/wulkan-display/WulkanDisplayMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Wulkan Display';
  src: url('../fonts/wulkan-display/WulkanDisplaySemiBold.woff2') format('woff2'),
       url('../fonts/wulkan-display/WulkanDisplaySemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Wulkan Display';
  src: url('../fonts/wulkan-display/WulkanDisplayBold.woff2') format('woff2'),
       url('../fonts/wulkan-display/WulkanDisplayBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/Gotham Pro/gothampro_light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/Gotham Pro/gothampro_lightitalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/Gotham Pro/gothampro.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/Gotham Pro/gothampro_italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/Gotham Pro/gothampro_medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/Gotham Pro/gothampro_mediumitalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/Gotham Pro/gothampro_bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/Gotham Pro/gothampro_bolditalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/Gotham Pro/gothampro_black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/Gotham Pro/gothampro_blackitalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-playfair: "Wulkan Display", serif;
  --font-gotham: "Gotham Pro", sans-serif;
  --font-gotham-alt: "Work Sans", sans-serif;
  background-color: rgb(253, 251, 244);
}

/* Section: Utility overrides */
.section-title {
  @apply text-2xl sm:text-3xl font-semibold tracking-tight;
}
.section-subtitle {
  @apply text-gray-600;
}

.carousel-products .owl-stage,
.carousel-products-detail .owl-stage {
  padding-left: 0 !important;
}

/* Section: Hero specific */
.hero-overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.2) 40%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* Section: Card */
.card {
  @apply bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow border border-gray-100;
}

/* Section: Image aspect ratios */
.aspect-16-9 {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.aspect-16-9 > img,
.aspect-16-9 > picture,
.aspect-16-9 > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes carouselContentFadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Desktop off-canvas */
@media (min-width: 1024px) {
  .carousel-shell {
    margin-left: calc((100vw - 1280px) / 2);
  }
}

/* Mobile stays inside */
@media (max-width: 1023px) {
  .carousel-shell {
    margin-left: 0;
    padding: 0 1rem;
  }
}




/* Odoo Editor Content Support */

.article-content .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.article-content .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.article-content [class^="col-"] {
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
}

.article-content .col-6 {
    width: 50%;
}

@media (max-width: 768px) {
    .article-content .col-6 {
        width: 100%;
    }
}

/* Images */
.article-content img {
    max-width: 100%;
    height: auto !important;
    display: block;
}


/* ============================================================================
   Odoo HTML Editor Content Styles - Complete Override for Tailwind
   ============================================================================ */

/* ----------------------------------------------------------------------------
   Base Container Styles
   ---------------------------------------------------------------------------- */
.odoo-editor-content {
    /* Base text alignment */
    text-align: left;
    
    /* Base typography */
    color: inherit;
    font-family: inherit;
    
    /* Ensure box-sizing */
    box-sizing: border-box;
}

.odoo-editor-content * {
    box-sizing: border-box;
}

/* ----------------------------------------------------------------------------
   Odoo Display Classes (Extra Large Headings)
   ---------------------------------------------------------------------------- */
.odoo-editor-content .display-1-fs {
    font-size: 6rem !important;
    line-height: 1.2 !important;
    font-weight: 300 !important;
}

.odoo-editor-content .display-2-fs {
    font-size: 5.5rem !important;
    line-height: 1.2 !important;
    font-weight: 300 !important;
}

.odoo-editor-content .display-3-fs {
    font-size: 4.5rem !important;
    line-height: 1.2 !important;
    font-weight: 300 !important;
}

.odoo-editor-content .display-4-fs {
    font-size: 3.5rem !important;
    line-height: 1.2 !important;
    font-weight: 300 !important;
}

/* ----------------------------------------------------------------------------
   Odoo Heading Font Size Classes
   ---------------------------------------------------------------------------- */
.odoo-editor-content .h1-fs {
    font-size: 2.5rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.odoo-editor-content .h2-fs {
    font-size: 2rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.odoo-editor-content .h3-fs {
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.odoo-editor-content .h4-fs {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.odoo-editor-content .h5-fs {
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.odoo-editor-content .h6-fs {
    font-size: 1rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

/* ----------------------------------------------------------------------------
   Standard HTML Headings
   ---------------------------------------------------------------------------- */
.odoo-editor-content h1 {
    font-size: 2.5rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
}

.odoo-editor-content h2 {
    font-size: 2rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
}

.odoo-editor-content h3 {
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
}

.odoo-editor-content h4 {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
}

.odoo-editor-content h5 {
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
}

.odoo-editor-content h6 {
    font-size: 1rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
}

/* ----------------------------------------------------------------------------
   Lists (Ordered & Unordered)
   ---------------------------------------------------------------------------- */
.odoo-editor-content ol {
    list-style-type: decimal !important;
    padding-left: 2.5rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.odoo-editor-content ul {
    list-style-type: disc !important;
    padding-left: 2.5rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.odoo-editor-content li {
    display: list-item !important;
    margin-bottom: 0.5rem !important;
}

.odoo-editor-content ol ol {
    list-style-type: lower-alpha !important;
    margin-top: 0.5rem !important;
}

.odoo-editor-content ol ol ol {
    list-style-type: lower-roman !important;
}

.odoo-editor-content ul ul {
    list-style-type: circle !important;
    margin-top: 0.5rem !important;
}

.odoo-editor-content ul ul ul {
    list-style-type: square !important;
}

/* ----------------------------------------------------------------------------
   Typography - Text Formatting
   ---------------------------------------------------------------------------- */
.odoo-editor-content strong,
.odoo-editor-content b {
    font-weight: 700 !important;
}

.odoo-editor-content em,
.odoo-editor-content i {
    font-style: italic !important;
}

.odoo-editor-content u {
    text-decoration: underline !important;
}

.odoo-editor-content s,
.odoo-editor-content strike {
    text-decoration: line-through !important;
}

.odoo-editor-content small {
    font-size: 0.875rem !important;
}

.odoo-editor-content mark {
    background-color: #ffeb3b !important;
    padding: 0.125rem 0.25rem !important;
}

.odoo-editor-content code {
    background-color: #f5f5f5 !important;
    padding: 0.125rem 0.375rem !important;
    border-radius: 0.25rem !important;
    font-family: 'Courier New', monospace !important;
    font-size: 0.875em !important;
}

.odoo-editor-content pre {
    background-color: #f5f5f5 !important;
    padding: 1rem !important;
    border-radius: 0.375rem !important;
    overflow-x: auto !important;
    margin: 1rem 0 !important;
}

.odoo-editor-content pre code {
    background-color: transparent !important;
    padding: 0 !important;
}

/* ----------------------------------------------------------------------------
   Paragraphs & Text Blocks
   ---------------------------------------------------------------------------- */
.odoo-editor-content p {
    margin-bottom: 1rem !important;
    line-height: 1.6 !important;
}

.odoo-editor-content p:last-child {
    margin-bottom: 0 !important;
}

.odoo-editor-content br {
    display: block !important;
    content: "" !important;
    margin-top: 0.5rem !important;
}

.odoo-editor-content blockquote {
    border-left: 4px solid #e0e0e0 !important;
    padding-left: 1.5rem !important;
    margin: 1.5rem 0 !important;
    font-style: italic !important;
    color: #666 !important;
}

/* ----------------------------------------------------------------------------
   Links
   ---------------------------------------------------------------------------- */
.odoo-editor-content a {
    color: #0066cc !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

.odoo-editor-content a:hover {
    color: #004499 !important;
}

/* ----------------------------------------------------------------------------
   Images & Media
   ---------------------------------------------------------------------------- */
.odoo-editor-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 1rem 0 !important;
}

.odoo-editor-content figure {
    margin: 1.5rem 0 !important;
}

.odoo-editor-content figcaption {
    font-size: 0.875rem !important;
    color: #666 !important;
    text-align: center !important;
    margin-top: 0.5rem !important;
}

/* ----------------------------------------------------------------------------
   Tables
   ---------------------------------------------------------------------------- */
.odoo-editor-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 1.5rem 0 !important;
}

.odoo-editor-content table th,
.odoo-editor-content table td {
    border: 1px solid #e0e0e0 !important;
    padding: 0.75rem !important;
    text-align: left !important;
}

.odoo-editor-content table th {
    background-color: #f5f5f5 !important;
    font-weight: 600 !important;
}

.odoo-editor-content table tr:nth-child(even) {
    background-color: #fafafa !important;
}

/* ----------------------------------------------------------------------------
   Dividers
   ---------------------------------------------------------------------------- */
.odoo-editor-content hr {
    border: 0 !important;
    border-top: 1px solid #e0e0e0 !important;
    margin: 2rem 0 !important;
}

/* ----------------------------------------------------------------------------
   Text Alignment Utilities
   ---------------------------------------------------------------------------- */
.odoo-editor-content [style*="text-align: left"] {
    text-align: left !important;
}

.odoo-editor-content [style*="text-align: center"] {
    text-align: center !important;
}

.odoo-editor-content [style*="text-align: right"] {
    text-align: right !important;
}

.odoo-editor-content [style*="text-align: justify"] {
    text-align: justify !important;
}

/* ----------------------------------------------------------------------------
   Spacing Utilities (Add custom spacing as needed)
   ---------------------------------------------------------------------------- */
.odoo-editor-content .mt-0 { margin-top: 0 !important; }
.odoo-editor-content .mt-1 { margin-top: 0.25rem !important; }
.odoo-editor-content .mt-2 { margin-top: 0.5rem !important; }
.odoo-editor-content .mt-3 { margin-top: 0.75rem !important; }
.odoo-editor-content .mt-4 { margin-top: 1rem !important; }
.odoo-editor-content .mt-5 { margin-top: 1.5rem !important; }
.odoo-editor-content .mt-6 { margin-top: 2rem !important; }

.odoo-editor-content .mb-0 { margin-bottom: 0 !important; }
.odoo-editor-content .mb-1 { margin-bottom: 0.25rem !important; }
.odoo-editor-content .mb-2 { margin-bottom: 0.5rem !important; }
.odoo-editor-content .mb-3 { margin-bottom: 0.75rem !important; }
.odoo-editor-content .mb-4 { margin-bottom: 1rem !important; }
.odoo-editor-content .mb-5 { margin-bottom: 1.5rem !important; }
.odoo-editor-content .mb-6 { margin-bottom: 2rem !important; }

.odoo-editor-content .pt-0 { padding-top: 0 !important; }
.odoo-editor-content .pt-1 { padding-top: 0.25rem !important; }
.odoo-editor-content .pt-2 { padding-top: 0.5rem !important; }
.odoo-editor-content .pt-3 { padding-top: 0.75rem !important; }
.odoo-editor-content .pt-4 { padding-top: 1rem !important; }
.odoo-editor-content .pt-5 { padding-top: 1.5rem !important; }
.odoo-editor-content .pt-6 { padding-top: 2rem !important; }

.odoo-editor-content .pb-0 { padding-bottom: 0 !important; }
.odoo-editor-content .pb-1 { padding-bottom: 0.25rem !important; }
.odoo-editor-content .pb-2 { padding-bottom: 0.5rem !important; }
.odoo-editor-content .pb-3 { padding-bottom: 0.75rem !important; }
.odoo-editor-content .pb-4 { padding-bottom: 1rem !important; }
.odoo-editor-content .pb-5 { padding-bottom: 1.5rem !important; }
.odoo-editor-content .pb-6 { padding-bottom: 2rem !important; }

/* ----------------------------------------------------------------------------
   Background Colors
   ---------------------------------------------------------------------------- */
.odoo-editor-content .bg-light {
    background-color: #f8f9fa !important;
    padding: 1rem !important;
}

.odoo-editor-content .bg-dark {
    background-color: #343a40 !important;
    color: white !important;
    padding: 1rem !important;
}

.odoo-editor-content .bg-primary {
    background-color: #007bff !important;
    color: white !important;
    padding: 1rem !important;
}

.odoo-editor-content .bg-success {
    background-color: #28a745 !important;
    color: white !important;
    padding: 1rem !important;
}

.odoo-editor-content .bg-warning {
    background-color: #ffc107 !important;
    color: #212529 !important;
    padding: 1rem !important;
}

.odoo-editor-content .bg-danger {
    background-color: #dc3545 !important;
    color: white !important;
    padding: 1rem !important;
}

.odoo-editor-content .bg-info {
    background-color: #17a2b8 !important;
    color: white !important;
    padding: 1rem !important;
}

/* ----------------------------------------------------------------------------
   Text Colors
   ---------------------------------------------------------------------------- */
.odoo-editor-content .text-primary { color: #007bff !important; }
.odoo-editor-content .text-secondary { color: #6c757d !important; }
.odoo-editor-content .text-success { color: #28a745 !important; }
.odoo-editor-content .text-danger { color: #dc3545 !important; }
.odoo-editor-content .text-warning { color: #ffc107 !important; }
.odoo-editor-content .text-info { color: #17a2b8 !important; }
.odoo-editor-content .text-light { color: #f8f9fa !important; }
.odoo-editor-content .text-dark { color: #343a40 !important; }
.odoo-editor-content .text-muted { color: #6c757d !important; }
.odoo-editor-content .text-white { color: white !important; }

/* ----------------------------------------------------------------------------
   Borders & Rounded Corners
   ---------------------------------------------------------------------------- */
.odoo-editor-content .border {
    border: 1px solid #dee2e6 !important;
}

.odoo-editor-content .border-top {
    border-top: 1px solid #dee2e6 !important;
}

.odoo-editor-content .border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.odoo-editor-content .border-left {
    border-left: 1px solid #dee2e6 !important;
}

.odoo-editor-content .border-right {
    border-right: 1px solid #dee2e6 !important;
}

.odoo-editor-content .rounded {
    border-radius: 0.375rem !important;
}

.odoo-editor-content .rounded-lg {
    border-radius: 0.5rem !important;
}

.odoo-editor-content .rounded-full {
    border-radius: 9999px !important;
}

/* ----------------------------------------------------------------------------
   Shadow Effects
   ---------------------------------------------------------------------------- */
.odoo-editor-content .shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

.odoo-editor-content .shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

.odoo-editor-content .shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.odoo-editor-content .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* ----------------------------------------------------------------------------
   Display Utilities
   ---------------------------------------------------------------------------- */
.odoo-editor-content .d-block { display: block !important; }
.odoo-editor-content .d-inline { display: inline !important; }
.odoo-editor-content .d-inline-block { display: inline-block !important; }
.odoo-editor-content .d-flex { display: flex !important; }
.odoo-editor-content .d-none { display: none !important; }

/* ----------------------------------------------------------------------------
   Flex Utilities
   ---------------------------------------------------------------------------- */
.odoo-editor-content .flex-row { flex-direction: row !important; }
.odoo-editor-content .flex-column { flex-direction: column !important; }
.odoo-editor-content .justify-start { justify-content: flex-start !important; }
.odoo-editor-content .justify-center { justify-content: center !important; }
.odoo-editor-content .justify-end { justify-content: flex-end !important; }
.odoo-editor-content .justify-between { justify-content: space-between !important; }
.odoo-editor-content .items-start { align-items: flex-start !important; }
.odoo-editor-content .items-center { align-items: center !important; }
.odoo-editor-content .items-end { align-items: flex-end !important; }

/* ----------------------------------------------------------------------------
   Responsive Design - Mobile Optimizations
   ---------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .odoo-editor-content .display-1-fs { font-size: 3.5rem !important; }
    .odoo-editor-content .display-2-fs { font-size: 3rem !important; }
    .odoo-editor-content .display-3-fs { font-size: 2.5rem !important; }
    .odoo-editor-content .display-4-fs { font-size: 2rem !important; }
    
    .odoo-editor-content .h1-fs,
    .odoo-editor-content h1 { font-size: 2rem !important; }
    
    .odoo-editor-content .h2-fs,
    .odoo-editor-content h2 { font-size: 1.75rem !important; }
    
    .odoo-editor-content .h3-fs,
    .odoo-editor-content h3 { font-size: 1.5rem !important; }
    
    .odoo-editor-content .h4-fs,
    .odoo-editor-content h4 { font-size: 1.25rem !important; }
    
    .odoo-editor-content table {
        font-size: 0.875rem !important;
    }
    
    .odoo-editor-content table th,
    .odoo-editor-content table td {
        padding: 0.5rem !important;
    }
}

@media (max-width: 640px) {
    .odoo-editor-content .display-4-fs { font-size: 1.75rem !important; }
    .odoo-editor-content .h2-fs { font-size: 1.5rem !important; }
    
    .odoo-editor-content ol,
    .odoo-editor-content ul {
        padding-left: 1.5rem !important;
    }
}

/* ----------------------------------------------------------------------------
   Print Styles
   ---------------------------------------------------------------------------- */
@media print {
    .odoo-editor-content {
        color: black !important;
    }
    
    .odoo-editor-content a {
        text-decoration: underline !important;
        color: black !important;
    }
    
    .odoo-editor-content .bg-light,
    .odoo-editor-content .bg-dark,
    .odoo-editor-content .bg-primary,
    .odoo-editor-content .bg-success,
    .odoo-editor-content .bg-warning,
    .odoo-editor-content .bg-danger,
    .odoo-editor-content .bg-info {
        background-color: white !important;
        color: black !important;
    }
}

/* ----------------------------------------------------------------------------
   Custom Layout Sections (Add your custom styles below)
   ---------------------------------------------------------------------------- */

/* Example: Card-like container */
.odoo-editor-content .card {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin: 1rem 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Example: Alert/Notice boxes */
.odoo-editor-content .alert {
    padding: 1rem 1.5rem;
    border-radius: 0.375rem;
    margin: 1rem 0;
    border-left: 4px solid;
}

.odoo-editor-content .alert-info {
    background-color: #e7f3ff;
    border-left-color: #17a2b8;
    color: #0c5460;
}

.odoo-editor-content .alert-success {
    background-color: #d4edda;
    border-left-color: #28a745;
    color: #155724;
}

.odoo-editor-content .alert-warning {
    background-color: #fff3cd;
    border-left-color: #ffc107;
    color: #856404;
}

.odoo-editor-content .alert-danger {
    background-color: #f8d7da;
    border-left-color: #dc3545;
    color: #721c24;
}

/* Example: Button styles within content */
.odoo-editor-content .btn {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.odoo-editor-content .btn-primary {
    background-color: #007bff;
    color: white;
}

.odoo-editor-content .btn-primary:hover {
    background-color: #0056b3;
}

/* ----------------------------------------------------------------------------
   Add more custom styles here as needed
   ---------------------------------------------------------------------------- */