/**
 * Dogs Revelation - complements du theme (charges apres les feuilles du theme Panda).
 */

/* --- Grand visuel de l'accueil (ancien Revolution Slider) --- */
.dr-hero { position: relative; width: 100%; overflow: hidden; float: none; }
.dr-hero-slide { position: relative; width: 100%; height: 868px; }
.dr-hero-bg { position: absolute; inset: 0; background-repeat: no-repeat; background-size: contain; background-position: 75% 0%; z-index: 1; }
.dr-hero .dr-layer { position: absolute; z-index: 5; white-space: normal; font-size: 20px; line-height: 22px; font-weight: 400; color: rgba(38, 28, 95, 1); }
.dr-hero .dr-layer h2 { margin: 0; }
.dr-hero .dr-layer p { margin: 0 0 9px; }
.dr-hero .dr-layer a.wpb_button_a { white-space: nowrap; }

/* --- Equivalences Bootstrap 3 (theme Panda) absentes de Bootstrap 4 --- */
.img-responsive { display: block; max-width: 100%; height: auto; }
.pull-left { float: left !important; }
.pull-right { float: right !important; }
@media (max-width: 767px) { .hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-lg { display: none !important; } }

/* Largeur des conteneurs : celle du theme Panda (max 1170 px), pas celle de classic (1140 px) */
@media (min-width: 576px) { .container { width: auto; } }

/* Titre du grand visuel sur mobile (taille relevee sur l'ancien site) */
@media (max-width: 768px) { .dr-hero .letitreduslide h2 { font-size: 30px !important; } }

/* Bouton « Haut » : masque tant qu'on n'a pas fait defiler la page (comme Panda) */
#to_top_wrap { display: none; }

/* Contenu des pages sans le cadre « card » du theme classic */
#content.dr-page-content { padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
#main .page-footer:empty { display: none; }

/* Libelles et boutons comme sous Panda (le theme classic aligne les libelles
   a droite et met les boutons en majuscules) */
label { text-align: inherit; color: inherit; }
#center_column .btn-primary { text-transform: none; }
/* Panda ne donne pas de largeur aux champs (le theme classic les met a 100 %) */
#authentication .form-control { width: auto; }

/* Annuaire des elevages : liste deroulante habillee jamais plus large que sa colonne */
.breeders-filters div.selector { max-width: 100%; }
.breeders-filters div.selector span { max-width: calc(100% - 35px); }

/* Pied de page : pas de marge ajoutee par le theme classic */
#footer.footer-container { padding-top: 0; margin-top: 0; }

/* Bootstrap 3 (Panda) ne fait pas flotter les colonnes pleine largeur, le
   Bootstrap du theme classic si : les marges ne se comportent pas pareil. */
.col-xs-12:not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]),
.col-sm-12:not([class*="col-md-"]):not([class*="col-lg-"]),
.col-md-12:not([class*="col-lg-"]),
.col-lg-12 { float: none; }

/* Messages : taille et marge de Panda (le theme classic les compte en rem) */
.alert { font-size: inherit; margin-bottom: 12px; }

/* Page produit : la grande image occupe toute la colonne (carrousel de Panda) */
#bigpic_list_frame .bigpic_item img { width: 100%; height: auto; }

/* Commande (page unique de PrestaShop 9) aux couleurs du site */
.dr-checkout .checkout-step .step-title { color: #5a0072; }
.dr-checkout .checkout-step .step-number { background: #5a0072; border-color: #5a0072; color: #fff; }
.dr-checkout .checkout-step.-complete .step-title .done { color: #5a0072; }
.dr-checkout .btn-primary, #checkout .btn-primary {
  background: #5a0072; border-color: #5a0072; color: #fff; border-radius: 0;
  text-transform: uppercase; font-weight: normal; }
.dr-checkout .btn-primary:hover, #checkout .btn-primary:hover { background: #7a009a; border-color: #7a009a; }
.dr-checkout .address-item.selected { border-color: #5a0072; }
.dr-checkout .cart-summary, .dr-checkout .checkout-step { background: #fff; }
body#checkout .checkout-step.-current .step-title .step-number,
body#checkout .checkout-step .step-number { background-color: #5a0072 !important; border-color: #5a0072 !important; color: #fff; }
body#checkout .address-item.selected { border-color: #5a0072 !important; }
body#checkout .custom-radio input[type=radio]:checked + span { background-color: #5a0072; }
body#checkout a { color: #5a0072; }
body#checkout #footer { padding: 0; color: inherit; background: #f5f5f5; }

/* Barre d'etapes : etapes faites sans lien (confirmation de commande) */
ul.step li.step_done span { padding: 8px 10px 6px; color: #000; }

/* Creation de compte (balisage Panda) : pleine largeur, libelles a gauche */
#registration #content { max-width: none; }
#account-creation_form .form-group .form-control { width: auto; display: inline-block; }
#account-creation_form .form-group .form_info,
#account-creation_form .form-group .help-block { display: block; margin-left: 264px; }
#account-creation_form .checkbox { margin-left: 264px; padding-left: 0; }
#account-creation_form .checkbox label { display: inline; font-weight: normal; }
#account-creation_form .checkbox em, #account-creation_form .checkbox p { display: block; font-size: 11px; color: #777; }
#account-creation_form .submit { margin-left: 264px; }
#account-creation_form .submit .but { margin-left: 10px; }
@media (max-width: 767px) {
  #account-creation_form .form-group > label, #account-creation_form .form-stru > label { display: block; width: auto; text-align: left; padding-left: 0; }
  #account-creation_form .form-group .form_info, #account-creation_form .form-group .help-block,
  #account-creation_form .checkbox, #account-creation_form .submit { margin-left: 0; }
}