/**
 * Theme Name:        PhoneServicePoint
 * Template:          twentytwentyfive
 * Version:           1.0.0
 * Author:            Abdelrahman Galal
 * Author URI:        https://galal.nl
 */

/* Reset */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline-width: 0 !important
}

html {
    font-size: 16px;
}

.entry-content > * {
    max-width: initial !important;
}

.has-global-padding {
    padding: 0 !important;
}

/* Responsive Spacing */
@media (max-width: 935px) {
    :root {
        --wp--preset--spacing--4: 1.4rem !important;    /* was 1.25rem */
        --wp--preset--spacing--5: 1.75rem !important;   /* was 2.5rem */
        --wp--preset--spacing--6: 3.5rem !important;    /* was 5rem */
        --wp--preset--spacing--7: 7rem !important;      /* was 10rem */
    }
}

/* Global Styles */
html {
    scroll-behavior: smooth;
}

body.wp-child-theme-phoneservicepoint,
body.block-editor-iframe__body {
    font: var(--wp--custom--typography--p);
    font-weight: 400;
    color: var(--wp--preset--color--text);
    background: var(--wp--preset--color--primary-off-white);
}

*:not(#wpadminbar *, .material-symbols-outlined) {
    font-family: var(--wp--preset--font-family--inter) !important;
}

*:not(#wpadminbar *):is(h1, h2, p, a) {
    line-height: calc(var(--wp--custom--line-height) * 1em);
}

.wp-block-navigation__responsive-container {
    width: fit-content;
    margin-left: auto !important;
}

.wp-block-navigation__container .wp-block-navigation-item__label {
    display: flex;
    column-gap: var(--wp--preset--spacing--1);
}

.wp-block-navigation__container a.wp-block-navigation-item__content:hover:has(.material-symbols-outlined) {
    text-decoration: none !important;
}

.wp-block-navigation__container a.wp-block-navigation-item__content:hover .label {
    text-decoration: underline;
}

.wp-block-navigation .has-child ul.wp-block-navigation__submenu-container {
    display: none;
    padding-top: var(--wp--preset--spacing--2) !important;
    padding-right: 0 !important;
    font-size: 85%;
}

.wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover {
    text-decoration: underline;
}

h1 {
    font-size: var(--wp--preset--font-size--h-1);
    font-weight: bold;
}

h2 {
    font-size: var(--wp--preset--font-size--h-2);
    font-weight: bold;
}

p {
    font: var(--wp--custom--typography--p);
}

a {
    text-decoration: none;
}

.star-rating a {
    text-decoration: underline;
}

.blue-link a {
    color: var(--wp--preset--color--primary) !important;
}

img {
    width: 100%;
}

.material-symbols-outlined {
    font-size: var(--wp--custom--icon-size-small);
    font-variation-settings: 'opsz' 24, 'wght' 400, 'FILL' 0, 'GRAD' 0;
    line-height: 1em;
}

.material-symbols-outlined.fill {
    font-variation-settings: 'opsz' 24, 'wght' 400, 'FILL' 1, 'GRAD' 0;
}

/* Custom Responsiveness */
@media (max-width: 935px) {
	.grid-md-2-cols {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.grid-md-1-col {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.grid-md-1-col > * {
		grid-column: initial !important;
	}
}

@media (max-width: 600px) {
	.grid-sm-2-cols {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.grid-sm-1-col {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}