/* Arrondis du site, chargés après le CSS d'Apik sur toutes les pages (layout.html.twig).
   Règle du 07/11, sur le modèle de Basic-Fit : 4 px pour les surfaces, les boutons, les champs, les tuiles et les photos ;
   3 px pour les étiquettes, badges et pastilles. Les éléments ronds restent ronds.
   Les trois variables ci-dessous sont aussi utilisées par les gabarits du labo : on change un rayon ici, et nulle part ailleurs.
   Restent à angles droits : bandeaux pleine largeur, photos bord à bord, barre du header, pied de page.
   Inventaire : recettes/revue-ux/arrondis-inventaire.md */

:root {
    --ptj-r-surface: 4px;
    --ptj-r-bouton: 4px;
    --ptj-r-petit: 3px;
}

/* --- Surfaces --- */
.uk-card,
.uk-alert,
.uk-dropdown,
.apk-studios-box,
.apk-slider-studios-box.apk-studios-box,
.apk-packs-item,
.apk-encadrement-container,
.apk-avis-box,
.apk-studios .apk-listing-category-description,
.apk-studios .apk-listing-category-description__special,
.apk-checkout-fiche__nav,
.apk-modal-hours-container,
.apk-modal-promotions-inner,
.apk-documents .apk-success-heading,
.apk-checkout h1.apk-success-heading,
.apk-presentation-header-container .apk-content,
.apk-areabrick-container div[style*="border"],
html #ui-datepicker-div {
    border-radius: var(--ptj-r-surface);
}

/* une carte qui contient une photo ou une zone colorée : l'intérieur suit le coin */
.apk-studios-box,
.apk-packs-item,
.apk-studios .apk-listing-category-description {
    overflow: hidden;
}

/* panneau du burger : le côté intérieur */
#menu-mobile .uk-offcanvas-bar {
    border-radius: 0 var(--ptj-r-surface) var(--ptj-r-surface) 0;
}

/* --- Boutons, champs, tuiles, photos dans une carte --- */
.uk-button,
.uk-light .uk-button,
.uk-dark .uk-button,
.uk-button.uk-button-itsme,
.apk-header ul.uk-navbar-nav li .apk-header-login-button a,
.apk-header-login-button a,
.apk-header-login-button .uk-button-default,
.uk-input,
.uk-select,
.uk-textarea,
.apk-label-input-style,
.apk-studios-filters .apk-label-input-style,
.apk-place-select,
.apk-studios-filters-type,
.apk-studios-filters-content,
.apk-studios-filters input[type="radio"] ~ label,
.apk-studios-box .apk-media,
.apk-studios-box img.uk-cover,
.apk-side-nav li a,
.lab-abo-bandeau,
.apk-code-container,
.apk-checkout .apk-code-container,
.uk-slider [uk-slider-item],
.apk-slideshow-mobile .uk-slider [uk-slider-item],
.apk-slider-studios-tab,
html #ui-datepicker-div .ui-datepicker-calendar .ui-state-default,
html #ui-datepicker-div .ui-datepicker-buttonpane button {
    border-radius: var(--ptj-r-bouton);
}

/* les champs de /studios, à l'intérieur de leur tuile Ville / Date / Heure : sans coin propre visible */
.apk-studios-filters .apk-label-input-style .uk-input,
.apk-studios-filters .apk-label-input-style .uk-select {
    border-radius: var(--ptj-r-bouton);
}

/* --- Photos et vidéos posées dans la colonne de texte : même rayon que les boutons --- */
.apk-areabrick-container .apk-content img,
.apk-areabrick-container .apk-content iframe,
.apk-areabrick-container .apk-content video,
.apk-areabrick-container .apk-media img,
.apk-areabrick-container .apk-media iframe,
.apk-areabrick-container .apk-media video {
    border-radius: var(--ptj-r-bouton);
}

/* celles qui vont d'un bord à l'autre de l'écran restent droites : diaporama des pages villes */
.apk-slideshow-mobile .apk-media img,
.apk-areabrick-container .apk-media .uk-slider-items img {
    border-radius: 0;
}

/* --- Étiquettes, badges, pastilles --- */
.apk-audience,
.apk-studios-filters-results > a,
.apk-studios-filters-results > div > span,
.apk-studios-filters-results > span,
.apk-studios-filters-results .available,
.apk-studios-filters-subtype label,
.apk-slider-counter,
.apk-slideshow-mobile .apk-slider-counter,
.uk-checkbox,
.apk-studios-filters-subtype input.uk-checkbox {
    border-radius: var(--ptj-r-petit);
}

/* --- Menu latéral : plus de filet à gauche en desktop, onglet actif arrondi ; cadre arrondi en mobile --- */
@media (min-width: 960px) {
    .apk-side-nav ul { border-left: 0; }
}
@media (max-width: 959px) {
    .apk-side-nav ul { border-radius: var(--ptj-r-surface); overflow: hidden; }
    .apk-side-nav li a { border-radius: 0; }
}

/* --- Surfaces du checkout et du détail de réservation : pleine largeur en mobile, donc arrondies à partir de 640 px --- */
@media (min-width: 640px) {
    .apk-checkout .apk-success-heading,
    .apk-checkout-container {
        border-radius: var(--ptj-r-surface);
    }
    .apk-checkout-fiche__hero {
        border-radius: var(--ptj-r-surface) var(--ptj-r-surface) 0 0;
    }
    .apk-checkout-fiche__credits {
        border-radius: var(--ptj-r-bouton);
    }
}
.apk-checkout-fiche__sticky:not(.is-pinned) {
    border-radius: var(--ptj-r-surface);
}
.apk-checkout-fiche__creneau {
    border-radius: var(--ptj-r-bouton) var(--ptj-r-bouton) 0 0;
}
.apk-checkout-fiche__creneau:has(+.apk-checkout-fiche__add[style*="display: none"]),
.apk-checkout-fiche__creneau:has(+.apk-checkout-fiche__add[style*="display:none"]) {
    border-radius: var(--ptj-r-bouton);
}
.apk-checkout-fiche__add {
    border-radius: 0 0 var(--ptj-r-bouton) var(--ptj-r-bouton);
}
.apk-checkout-fiche__continue {
    border-radius: var(--ptj-r-bouton) !important;
}
/* bouton « Réserver » des cartes studio, règle mobile d'Apik */
.apk-studios-box .apk-listing-zone-tarif .apk-action>.uk-button,
.apk-studios-box .exk_vue_booking .apk-action>.uk-button {
    border-radius: var(--ptj-r-bouton);
}
/* pastilles : crédit du header mobile, nombre de personnes sur la photo du checkout */
.apk-header-mobile-credit,
.apk-checkout-fiche__cap {
    border-radius: var(--ptj-r-petit);
}

/* --- Restent à angles droits --- */
.apk-header,
.apk-footer,
.apk-areabrick-container,
.apk-book-info-container,
.apk-checkout-fiche__sticky.is-pinned {
    border-radius: 0;
}

/* --- Header : le séparateur d'Apik avant le choix de langue (un pavé blanc de 10 px) est masqué ; l'espace reste --- */
.apk-header-right .apk-separator:after {
    display: none;
}