/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2024-11-27 19:50:45 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 57.17%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 40.83%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 42.8775%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 30.6225%;
    }
}

.zoomImg {
display: none; !important
}

.product-item-info.type10 .product-item-inner {
    display: none;
}


  display: none;
}

.catalog-product-view  .loading-mask .loader img {
    display: block;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
}

/*****************  notice en haut de la page ********************/

.porto-block-html-top {
    text-align: center;
    color: #555;
    font-weight: 600;
    background: #f5f6f8;
    padding: 2px 20px
}

/* largeur de la page 1400px */
.block.category.event, .footer.content, .header.content, .navigation, .page-header .header.panel, #maincontent.page-main, .page-wrapper > .breadcrumbs, .page-wrapper > .page-bottom, .page-wrapper > .widget, .top-container {
    max-width: 1400px !important;
    margin: 0 auto !important;
}


@media (min-width: 1400px) {
.layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container {
    max-width: 1400px;
}

@media (min-width: 1400px){
.block.category.event,.footer.content,.header.content,.navigation,.page-main,.page-wrapper>.breadcrumbs ul,.page-wrapper>.page-bottom,.page-wrapper>.widget,.top-container{max-width:1340px;}
}

@media (min-width: 1400px){
.layout-1220 .container{max-width: 1400px;width:100%;}
}


}/*****************  HEADER  (type 2) ********************/
/* Testé avec header 2 (logo à gauche, rechercher visible) 
bleu foncé #121a30;
*/ 



.page-header.type2 .main-panel-top {display:none;}


@media (min-width: 992px) {
.page-header.type2  .header-main, .header-row {
    height: 96px;
}


.page-header.type2 {
    background-image: url(/media/porto_vickybijoux/header-vickybijoux-chaise-africaine.png);
    background-repeat: no-repeat;
    background-position: center;
}


.page-header.type2  .logo {
    opacity: 0;
    width: 580px;
}
}


.page-header.type2 .search-area .block.block-search {
    background-color: #f4f4f4;
}


@media (min-width: 992px) {
.page-header.type2 .navigation:not(.side-megamenu) .level0 .level-top {
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -.12px;
    padding: 20px 0 20px 0;
}
}



/*****************  HEADER  (type 6) ********************/
/* Testé avec header 6 (logo centré, icone rechercher) */ 

/* suppression des liens "me connecter" ...  */
.page-header.type6 .panel.wrapper {
    display: none;
}


.page-header.type6 .header.content {
   background-color: #131948;
}


/***** Desktop 992px min ****/
@media (min-width: 992px) {

/* fond bleu du header avec la chaise partie gauche */
.page-header.type6 .header-row .header-left {
    background-color: white;
    background-image: url(/media/porto_vickybijoux/header-vickybijoux-chaise-africaine-bleu-et-rouge-1400px.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    padding: 0px;
    height: 96px;

}

/* fond bleu du header au milieu */
.page-header.type6 .header-row .header-center {
    background-color: white;
    background-image: url(/media/porto_vickybijoux/header-vickybijoux-chaise-africaine-bleu-et-rouge-1400px.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    padding: 0px;
    height: 96px;
}

/* centrage vertical du logo dans le header */
.page-header.type6 .header-row .header-center .logo {
    margin-top: 18px;
}


/* fond bleu du header avec la chaise partie droite */
 .page-header.type6 .header-row .header-right {
    background-color: white;
    background-image: url(/media/porto_vickybijoux/header-vickybijoux-chaise-africaine-bleu-et-rouge-1400px.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    padding: 0px;
    height: 96px;
}

 .page-header.type6 .header-row .header-right {
    background-position-x: right;
}



/* décalage vers la gauche des icones compte, rechercher, panier */
.page-header.type6:not(.sticky-header)  .minicart-wrapper  {
    margin-right: 130px;
}


/* position des icones compte, rechercher, panier */
.page-header.type6:not(.sticky-header) .header-contact ,
 .page-header.type6:not(.sticky-header) .search-area, 
 .page-header.type6:not(.sticky-header) .minicart-wrapper {
   margin-top: 18px;
}


/* suppression du padding de 10px à droite et à gauche du header */
 .page-header.type6  .header.content {
    padding-left: 0px;
    padding-right: 0px;
}


/* fond du header  partie menu rouge */
 .page-header.type6:not(.sticky-header)  .navigation{
    background-image: url(/media/porto_vickybijoux/header-vickybijoux-chaise-africaine-bleu-et-rouge-1400px.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
    padding: 0px;
    height: 57px;
}



/* centrage des items du menu */
.page-header.type6 .navigation:not(.side-megamenu) > ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    height:57px;
}


/* augmentation de la taille des caractères dans le menu */
.page-header.type6 .navigation:not(.side-megamenu) .level0 .level-top {
    font-size: 20px;
    font-weight: 600;
}

} /* fin @media (min-width: 992px) */




/* couleur du sticky header */

 .page-header.type6.sticky-header  .navigation {
   background-color: #131948;
}

.page-header.type6 .nav-toggle {
    color: white;
}

/* icones en blanc */
.page-header.type6 .header-main a {
    color: #ffffff;
}


.page-header.type6 .minicart-wrapper .action.showcart{
     color: #ffffff; 
}



/****MOBILE*****/
@media (max-width: 991px) {

/* taille du logo sur mobile */
.page-header.type6  .logo {
    max-width: 340px;
}


/* diminution du padding vertical du header sur mobile */
.page-header.type6 .header-row .header-center,
.page-header.type6 .header-row .header-right
{
    padding: 10px 0;
}

} /* @media (max-width: 991px) */

.page-header.type6 .header-contact  {
    margin-left: 0;
}



/*****************  Breadcrumbs********************/

.catalog-product-view .page-wrapper >.breadcrumbs {
    height: 48px;
    line-height: 48px;
}

/*****************  GRILLE PRODUIT ********************/

/* champ quantité dans la grille produit */
.product-item-info.type10 .qty-box {
    display: none;
}

/* cacher le limiteur de produits à afficher */
.limiter {
    display: none;
}

/* afficher le nombre de produits à afficher */
.toolbar-amount {
    display: block;
}

/*
.product-item-info:hover .product-item-photo {
     box-shadow: none; 
}

.product-item-info:hover .product-item-details .product-item-actions .tocart {
    background-color: #fff;
    border-color: #ddd;
    color: #333;
}

.products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart {
    background-color: #fff;
    border-color: #ddd;
}*/

 .product-item-info.type3 .product-item-actions .actions-primary .tocart,
 .product-item-info.type3:hover .product-item-actions .actions-primary .tocart {
display:none;
}



.product-item-info .product-item-details .product-item-actions .actions-secondary {
    transition: none;
}

/*****************  PAGEPRODUIT ********************/


.fotorama__spinner {
width:0px;
height:0px;
}

/* champ quantité dans la page produit */
@media (max-width: 991px) {
.box-tocart .field.qty {
    display: none;
}
}

/* bouton add to compare dans la page produit */
.moved-add-to-links .action.tocompare{
    display: none;
}

/* augmenter la taille du coeur */
.product-addto-links .action.towishlist:before {

    font-size: 1.8rem;
}

/* aligner le coeur avec le bouton*/
.moved-add-to-links {
    vertical-align: middle;
}

/* augmenter la taille du coeur */
.product-addto-links .action.towishlist {
    border: none;
}


/* diminution du padding après la photo */
.columns .column.main {
    padding-bottom: 10px;
}


/* bouton acheter en rouge */

.box-tocart .action.tocart {
    height: 3rem;
    padding: 0 4em;
    font-size: 1.2em;
   /* border: 1px solid #c30207;*/
    background: #f20e14;
}

/* bouton acheter en jaune au survol */
.box-tocart .action.tocart:hover {
    background: #f3a510;
}


.product-image-grid:after {
     background-color: rgba(0,0,0,0.0); 
    border: 2px solid #ddd;
}
/*****************  FOOTER  ********************/

/* pour que footer middle prenne toute la largeur */
.footer-top .custom-block {
    display: block;
}


.footer .newsletter input {
    color: #000;
    border: 1px solid #e3e3e3;
    background-color: #fbf7f7;
}

/* couleur rouge de youtube */
.share-links .share-youtube {
    background: #ff0007;
}

/* couleur noir du logo tiktok au survol */
.share-links .share-tiktok{
      background: #000;
}

/* icones tiktok */
.share-links .share-tiktok:before {
    content: "\e07b";
}

/* couleur violette instagram */
.share-links .share-instagram {
    background: #bb2ee9;
}

.footer .follow-us .share-links a:not(:hover) {
    color: #000;
}


/* taille des titres entre contact, information, services */
.footer-middle .block .block-title strong {
    font-size: 1.2rem;
}


/* marge entre contact, information, services */
.footer-middle .block .block-title {
   margin-top: 20px;
   margin-bottom:10px;
}


/* marge haut et bas footer middle */
.footer-middle > .container {
    padding-top: 2rem;
    padding-bottom: 0rem;
}

/* marge */
.footer-middle .block {
    margin-bottom: 30px;
}


/*****************  page contact ********************/

/* supprimer titre contact details */
.contact-info .contacts-title {
display : none;
}

/* ajouter marge icones de droite */
.contact-info  {
    margin: 20px 0;
}