/*
Theme Name: MovaMedical
Theme URI: https://movamedical.local
Author: MovaMedical
Author URI: https://movamedical.local
Description: Custom child theme for MovaMedical based on Swift FSE
Template: plover
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: movamedical
*/


/**
 * ---- Theme Colours ----
 * Primary Active: #8043f9
 * Primary: #cdd6f5
 * Neutral 950: #09090B
 * Neutral 800: #27272A
 * Neutral 600: #61616a
 * Neutral 400: #ceced5
 * Neutral 200: #f4f4f5
 * Neutral 0: #fadcd1
 * Current: #000000
 * Inherit: #000000
 * -----------------------
 */

 /**
  * ---- Theme Font Families ----
  * Primary: font-family: 'Alice';
  * Secondary: font-family: 'Merriweather';
  * Available weights for Merriweather:
  * - Light: 300 (normal, italic)
  * - Regular: 400 (normal, italic)
  * - Bold: 700 (normal, italic)
  * - Ultra Bold: 900 (normal, italic)
  * ------------------------------
  */

/* Font Face Declarations */
@font-face {
    font-family: 'Alice';
    src: url('./assets/fonts/Alice-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./assets/fonts/MerriweatherLight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./assets/fonts/Merriweather-LightIt.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./assets/fonts/Merriweather-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./assets/fonts/Merriweather-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./assets/fonts/Merriweather-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./assets/fonts/Merriweather-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./assets/fonts/MerriweatherUltraBold.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./assets/fonts/Merriweather-UltraBdIt.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


:root {
    --wp--preset--color--primary-color: #624f8f;
    --wp--preset--color--primary-active: #8043f9;
    --wp--preset--color--primary-200: #e9e9f3;
    --wp-preset--color--primary-600: #b1c0f6;
    --wp--preset--color--neutral-950: #fadcd1;
    --wp--preset--color--neutral-800: #f4f4f5;
    --wp--preset--color--neutral-600: #ceced5;
    --wp--preset--color--neutral-400: #61616a;
    --wp--preset--color--neutral-200: #27272A;

    --desktop: 1920px;
    --laptop:1400px;
    --tablet: 768px;
    --mobile: 480px; 
       
}

/* Base font settings */
body {
    background-color: var(--wp--preset--color--neutral-950);
    font-family: 'Merriweather';
    font-weight: 300;
    color: --wp--preset--color--neutral-800;
    font-display: swap;
}

.site-title {
    font-family: 'Alice';
    color: var(--wp--preset--color--primary-active);
    font-display: swap;
}

/* Test different Merriweather weights and styles */
.font-test {
    margin: 2rem 0;
    padding: 2rem;
    background-color: var(--wp--preset--color--neutral-200);
}

.font-test h2 {
    font-family: 'Merriweather';
    font-weight: 900;
    color: var(--wp--preset--color--primary-active);
}

.font-test p {
    font-family: 'Merriweather';
    margin-bottom: 1rem;
    color: var(--wp--preset--color--neutral-800);
}

.font-test .light {
    font-weight: 300;
}

.font-test .regular {
    font-weight: 400;
}

.font-test .bold {
    font-weight: 700;
}

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

.font-test .italic {
    font-style: italic;
}

body.wp-site-blocks {
    background-color: var(--wp--preset--color--neutral-950);
}


.wp-site-blocks h1,
.wp-site-blocks h2,
.wp-site-blocks h3,
.wp-site-blocks h4,
.wp-site-blocks h5,
.wp-site-blocks h6 {
    color: var(--wp--preset--color--primary-color);
    line-height: 1.2;

}

.wp-site-blocks h1 {line-height: 1.1; }

h1, h2, h3, h4, h5, h6 {
    span {
        strong {
            font-weight: 900;
            letter-spacing: -1px;
            font-weight: normal;
            text-shadow: 1px 0 0 currentColor;
        }
    }
    strong {
        font-weight: 900;
        letter-spacing: -1px;
        font-weight: normal;
        text-shadow: 1px 0 0 currentColor;
    }    
}

p {
    a {
        color: var(--wp--preset--color--primary-color);
    }
}

.wp-block-list {

    li {
        color: var(--wp--preset--color--neutral-800);
    }
    
}

.wp-block-group {
    p {
        a {
            color: var(--wp--preset--color--primary-color);
        }
    }   
}

footer {
    .wp-block-group {
        p {
            a {
                color: var(--wp--preset--color--neutral-950);
            }
        }   
    }
    .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content, .wp-block-navigation .wp-block-navigation-item__content:hover, .wp-block-navigation .wp-block-navigation-item__content:focus {
        color: var(--wp--preset--color--neutral-950, currentColor);
    }
    
}

 .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content, .wp-block-navigation .wp-block-navigation-item__content:hover, .wp-block-navigation .wp-block-navigation-item__content:focus {
    color: var(--wp--preset--color--primary-active, currentColor);
}



main {
    width: 100%;
    margin: 0 auto;
}

p {
    color: var(--wp--preset--color--neutral-800);
}

div.container {
    margin: 0 auto;
    @media (min-width: 1920px) {
        min-width: var(--laptop);
    }
}

.not-rounded {
    border-radius: 0;
    img {
        border-radius: 0;
    }
}

.wp-block-column__float-right {

    @media (min-width: 2560px) {
        transform: translateX(200px);
        max-width: 27% !important;
        margin-right: 9% !important;
    
    }
}

.no-padding__top {
    padding-top: 0;
    margin-top: 0;
}

body.page-id-11, .page-id-13, .page-id-14, .page-id-16 {  
    main {
        padding-top: 0 !important;
        margin-top: -19px !important;
    }
    
}

body.page-id-13, .page-id-12 {
    background-color: var(--wp--preset--color--primary);

}

.has-neutral-950-color {
    color: #09090b !important;
}

.standard-table {
    table {
        th {
            /* background-color: var(--wp--preset--color--neutral-950); */
            font-size: 1.875rem;
        }
        td {
            vertical-align: top;
            padding: 1.5rem;
            border: 0;
        }

    }
    
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #bfcdff;
}

.wp-block-table td, .wp-block-table th {    

    border: 0;
}
.wp-block-table tr {    
    border-bottom: 1px solid;

}
.wp-block-table.is-style-stripes tr {    
    border-bottom: 0;

}

.wp-block-button .is-style-outline{ 
    border: 1px solid var(--wp--preset--color--neutral-200);
}   

.wp-block-button.is-style-outline .wp-block-button__link {  
    border-color: var(--wp--preset--color--neutral-200);
}

iframe {
    head {
        margin-top: -5em;
        display: block;
    }
}

.wp-block-columns > .overflow-hidden {
    overflow: hidden;
}

.wp-block-columns > .round-frame {
    border-radius: 50%;
}

.wp-block-columns > .quote-light {
    p {
        color: var(--wp--preset--color--neutral-950)!important;
    }
}

.wp-block-details summary {
    font-size: 1.5rem;
}