/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/

/*----- "MENU" POUR LA NAV MOBILE -----*/
.mk-nav-responsive-link::after {
content: 'MENU';
position: absolute;
top: 14px;/*régler la position si besoin*/
right: 35px;/*régler la position si besoin*/
color: #dcc9a4 ; /*changer la couleur si besoin*/
font-weight: bold;
}

.mk-responsive-nav li a:hover {
    background-color: #dcc9a4!important;
    color: #ffffff!important;
}

.mk-css-icon-close div, .mk-css-icon-menu div {
    background-color: #000;
}

/*----- FIX BACK TO TOP -----*/

.mk-go-top {
    background-color: rgba(220, 201, 164, 0.5)!important;
}

.mk-go-top:hover {
    background-color: rgba(220, 201, 164, 1)!important;
}

@media handheld, only screen and (max-width: 768px) {
.mk-go-top {
    display: block;
}
}

@media handheld, only screen and (max-width: 768px) {
.woocommerce-MyAccount-navigation {
    float: left;
    width: 100%;
	padding-bottom: 20px;
}
	.woocommerce-MyAccount-content {
    float: right;
    width: 100%;
}
}

/* Make header sticky on mobile */
@media (max-width: 780px) {

/* Fixes the header in place as users scroll */
.mk-header {
position: fixed !important;
}

/* Adds extra space to the main layout in order to compensate for the header being taken out of the document flow (adjust pixel value to meet the needs of your design) */
.master-holder > .mk-main-wrapper-holder {
margin-top: 75px !important;
}

/* Ensures that the extra margin is added only to the first .mk-main-wrapper-holder div */
.master-holder > .mk-main-wrapper-holder ~ .mk-main-wrapper-holder {
margin-top: 0px !important;
}
}
	
	
	


.woocommerce-order-details__title,
.woocommerce-column__title {
  display: none;
}

.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
  font-size: 15px;
}

.woocommerce-order-downloads {
  display: none !important;
}



/* =========================================================
   PHOTO.IMMO — Tunnel premium propre
   Version consolidée et stable
   ========================================================= */

:root{
  --pi-bg-page:#fcfaf6;
  --pi-bg-card:#ffffff;
  --pi-bg-soft:#faf3e7;
  --pi-bg-soft-2:#fdfaf5;
  --pi-border:#e9e1d4;
  --pi-border-strong:#c7a86d;
  --pi-text:#181818;
  --pi-text-soft:rgba(24,24,24,.64);

  --pi-shadow-soft:0 8px 24px rgba(0,0,0,.04);
  --pi-shadow-card:0 16px 40px rgba(17,17,17,.06);
  --pi-shadow-hover:0 24px 50px rgba(17,17,17,.10);
  --pi-shadow-gold:0 20px 40px rgba(199,168,109,.18);

  --pi-radius-xl:24px;
  --pi-radius-lg:20px;
  --pi-radius-md:16px;
  --pi-radius-sm:12px;

  --pi-transition:.22s ease;
}

/* =========================================================
   BASE
   ========================================================= */

.photoimmo-hidden-field{
  display:none !important;
}

.wpcf7-form .wpcf7-textarea{
  width:100% !important;
}

.photoimmo-pack-cards,
.wpcf7 form,
#photoimmo-summary{
  letter-spacing:-0.01em;
}

.wpcf7,
.wpcf7 form,
.photoimmo-tunnel-wrap{
  position:relative;
}

/* =========================================================
   TITRES D'ÉTAPES
   ========================================================= */

.photoimmo-step-title{
  margin:30px 0 14px;
  font-size:18px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#000;
}

/* =========================================================
   CARTES PACKS
   ========================================================= */

.photoimmo-pack-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  margin:20px 0 28px;
  align-items:stretch;
}

.photoimmo-pack-cards > *{
  min-width:0;
}

.photoimmo-pack-card{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:100%;
  box-sizing:border-box;
  padding:24px 22px;
  border:1px solid var(--pi-border);
  border-radius:var(--pi-radius-xl);
  background:linear-gradient(180deg,#ffffff 0%, #fdfbf8 100%);
  box-shadow:var(--pi-shadow-card);
  cursor:pointer;
  outline:none;
  overflow:hidden;
  transition:
    transform var(--pi-transition),
    box-shadow var(--pi-transition),
    border-color var(--pi-transition),
    background var(--pi-transition);
}

.photoimmo-pack-card:hover,
.photoimmo-pack-card:focus{
  transform:translateY(-3px);
  border-color:#dcc9a4;
  box-shadow:var(--pi-shadow-hover);
}

.photoimmo-pack-card:active{
  transform:scale(.985);
}

.photoimmo-pack-card.is-active{
  border-color:var(--pi-border-strong);
  background:linear-gradient(180deg,#fffdf9 0%, #f8f1e5 100%);
  box-shadow:
    var(--pi-shadow-gold),
    0 0 0 1px rgba(199,168,109,.25);
}

.photoimmo-pack-card.is-active::after{
  content:"✓";
  position:absolute;
  top:16px;
  right:16px;
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--pi-border-strong);
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:1;
  box-shadow:0 10px 20px rgba(199,168,109,.28);
}

.photoimmo-pack-card--featured.is-active::after{
  top:32px;
}

.photoimmo-pack-card__top{
  margin-bottom:10px;
}

.photoimmo-pack-card h3{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.12;
  letter-spacing:-.03em;
  color:var(--pi-text);
  padding-right:46px;
}

.photoimmo-pack-price{
  font-size:18px;
  font-weight:700;
  line-height:1.25;
  color:#111;
}

.photoimmo-pack-subtitle{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.65;
  color:var(--pi-text-soft);
}

.photoimmo-pack-features{
  margin:0;
  padding-left:18px;
}

.photoimmo-pack-features li{
  margin:0 0 8px;
  font-size:14px;
  line-height:1.55;
  color:var(--pi-text);
}

.photoimmo-pack-badge{
  position:absolute;
  top:14px;
  right:14px;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  line-height:1;
  color:#fff;
  background:#1f1f1f;
  box-shadow:0 10px 20px rgba(0,0,0,.12);
  z-index:2;
}

.photoimmo-pack-card--featured{
  border-color:var(--pi-border-strong);
}

/* =========================================================
   TOGGLE NOMBRE DE PHOTOS
   ========================================================= */

.pi-card-option-toggle{
  margin-top:18px;
}

.pi-card-option-btn{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 18px;
  border:1px solid #eadfce;
  border-radius:18px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  font:inherit;
  text-align:left;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.pi-card-option-btn:hover{
  border-color:var(--pi-border-strong);
  background:#fdf9f2;
}

.pi-card-option-btn-text{
  display:block;
  min-width:0;
  font-size:15px;
  font-weight:600;
  color:#1b1b1b;
}

.pi-card-option-icon{
  flex:0 0 auto;
  font-size:20px;
  line-height:1;
  opacity:.75;
  transition:transform .2s ease;
}

.pi-card-option-panel{
  display:none;
  margin-top:10px;
}

.pi-card-option-toggle.is-open .pi-card-option-panel{
  display:block;
}

.pi-card-option-toggle.is-open .pi-card-option-icon{
  transform:rotate(45deg);
}

.pi-card-option-list{
  display:grid;
  gap:10px;
}

.pi-card-option-choice{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border:1px solid #eee4d6;
  border-radius:16px;
  background:#fff;
  cursor:pointer;
  transition:
    border-color .2s ease,
    background .2s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.pi-card-option-choice:hover{
  border-color:var(--pi-border-strong);
  background:#fcf8f1;
  transform:translateY(-1px);
}

.pi-card-option-choice input[type="radio"]{
  margin:0;
  flex:0 0 auto;
}

.pi-card-option-choice.is-selected{
  border-color:var(--pi-border-strong);
  background:var(--pi-bg-soft);
  box-shadow:0 0 0 3px rgba(199,168,109,.10);
}

.pi-card-option-btn,
.pi-card-option-choice,
.pi-card-option-choice input,
.pi-card-option-choice span{
  touch-action:manipulation;
}

/* =========================================================
   FORMULAIRE CF7
   ========================================================= */

.wpcf7 form{
  margin-top:8px;
  transition:opacity .2s ease;
}

.wpcf7 form > p > label{
  display:none;
}

.wpcf7 form p{
  margin:0 0 16px;
}

.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="date"],
.wpcf7 form select,
.wpcf7 form textarea{
  width:100%;
  min-height:58px;
  padding:16px 18px;
  box-sizing:border-box;
  border:1px solid #e8dfd2;
  border-radius:18px;
  background:#fff;
  color:var(--pi-text);
  font-family:inherit;
  font-size:16px;
  font-weight:400;
  line-height:1.4;
  box-shadow:0 2px 8px rgba(0,0,0,.02);
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .15s ease,
    background .2s ease;
}

.wpcf7 form textarea{
  min-height:58px !important;
  height:58px;
  resize:vertical;
  -webkit-appearance:none;
  appearance:none;
}

.wpcf7 form input[type="text"]:hover,
.wpcf7 form input[type="email"]:hover,
.wpcf7 form input[type="tel"]:hover,
.wpcf7 form input[type="date"]:hover,
.wpcf7 form select:hover,
.wpcf7 form textarea:hover{
  border-color:#d8c4a0;
}

.wpcf7 form input[type="text"]:focus,
.wpcf7 form input[type="email"]:focus,
.wpcf7 form input[type="tel"]:focus,
.wpcf7 form input[type="date"]:focus,
.wpcf7 form select:focus,
.wpcf7 form textarea:focus{
  background:#fffefb;
  border-color:var(--pi-border-strong);
  box-shadow:
    0 0 0 4px rgba(199,168,109,.12),
    0 12px 24px rgba(0,0,0,.04);
  transform:translateY(-1px);
  outline:none;
}

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 button{
  font-family:inherit;
  font-size:16px;
  font-weight:400;
  line-height:1.4;
  color:var(--pi-text);
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{
  color:rgba(24,24,24,.42);
  opacity:1;
}

/* =========================================================
   SECTIONS FORMULAIRE
   ========================================================= */

.photoimmo-form-section{
  margin:0 0 18px;
  padding:18px;
  border:1px solid #eee4d7;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%, #fdfaf5 100%);
  box-shadow:0 10px 24px rgba(0,0,0,.035);
}

.photoimmo-form-section p:last-child{
  margin-bottom:0;
}

.wpcf7 form .photoimmo-form-section{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    opacity .22s ease;
}

.wpcf7 form .photoimmo-form-section:has(input:focus),
.wpcf7 form .photoimmo-form-section:has(select:focus),
.wpcf7 form .photoimmo-form-section:has(textarea:focus){
  border-color:#d9b877;
  box-shadow:
    0 16px 32px rgba(0,0,0,.05),
    0 0 0 4px rgba(199,168,109,.10);
  transform:translateY(-1px);
}

/* =========================================================
   OPTIONS EN CHIPS
   ========================================================= */

.photoimmo-field-title{
  margin-bottom:12px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:rgba(24,24,24,.42);
}

.photoimmo-options-group .wpcf7-checkbox{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.photoimmo-options-group .wpcf7-list-item{
  margin:0 !important;
}

.photoimmo-options-group .wpcf7-list-item input[type="checkbox"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.photoimmo-options-group .wpcf7-list-item label{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 18px;
  border:1px solid #eadfce;
  border-radius:999px;
  background:#fff;
  color:#1f1f1f;
  font-size:14px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.02);
  transition:all .2s ease;
}

.photoimmo-options-group .wpcf7-list-item label:hover{
  border-color:var(--pi-border-strong);
  background:#fcf8f1;
  transform:translateY(-1px);
}

.photoimmo-options-group .wpcf7-list-item label:has(input[type="checkbox"]:checked){
  border-color:var(--pi-border-strong);
  background:#f8f1e5;
  box-shadow:0 0 0 3px rgba(199,168,109,.10);
}

.photoimmo-options-note{
  margin-top:12px;
  font-size:12px;
  line-height:1.6;
  color:rgba(24,24,24,.48);
}

/* =========================================================
   RÉCAPITULATIF
   ========================================================= */

#photoimmo-summary{
  margin-top:28px;
  padding:24px 22px;
  border:1px solid #eadfce;
  border-radius:24px;
  background:linear-gradient(180deg,#fffdfa 0%, #f7f0e3 100%);
  box-shadow:0 16px 36px rgba(0,0,0,.05);
}

.photoimmo-summary-title{
  margin-bottom:14px;
  font-size:22px;
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.03em;
  color:#1f1f1f;
}

#summary-content{
  font-size:15px;
  line-height:1.8;
  color:var(--pi-text);
}

#summary-content > div{
  margin-bottom:8px;
}

#summary-content.is-updating{
  animation:photoimmoSummaryPulse .35s ease;
}

.photoimmo-summary-total{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #ddd2bd;
  font-size:24px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.03em;
}

.photoimmo-summary-note{
  margin-top:10px;
  font-size:13px;
  line-height:1.6;
  color:rgba(24,24,24,.56);
}

@keyframes photoimmoSummaryPulse{
  0%{
    opacity:.7;
    transform:translateY(2px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

/* =========================================================
   RGPD
   ========================================================= */

.photoimmo-rgpd{
  margin-top:18px;
  padding:16px 18px;
  border:1px solid #eee3d4;
  border-radius:18px;
  background:#fffdf9;
}

.photoimmo-rgpd,
.photoimmo-rgpd .wpcf7-list-item,
.photoimmo-rgpd label{
  display:block !important;
}

.photoimmo-rgpd label{
  font-size:15px!important;
  line-height:1.6;
  color:#1f1f1f;
}

span.wpcf7-form-control.wpcf7-acceptance span {
    padding-top: 8px;
}

.photoimmo-rgpd input[type="checkbox"]{
  display:inline-block !important;
  width:18px;
  height:18px;
  margin-right:10px;
  vertical-align:middle;
  position:relative;
  top:2px;
}

/* =========================================================
   NOTE + CTA FINAL
   ========================================================= */

.photoimmo-submit-note{
  margin:16px 0 18px;
  font-size:13px;
  line-height:1.65;
  text-align: center;
  color:rgba(24,24,24,.58);
}

.wpcf7 form input[type="submit"],
.wpcf7 form .wpcf7-submit{
  width:100%;
  min-height:60px;
  padding:14px 20px;
  border:none;
  border-radius:20px;
  background:linear-gradient(180deg,#1f1f1f 0%, #111 100%);
  color:#fff;
  font-size:16px;
  font-weight:800;
  letter-spacing:-.01em;
  cursor:pointer;
  box-shadow:0 18px 34px rgba(0,0,0,.16);
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    opacity .2s ease;
}

.wpcf7 form input[type="submit"]:hover,
.wpcf7 form .wpcf7-submit:hover{
  background:linear-gradient(180deg,#111 0%, #000 100%);
  transform:translateY(-2px);
  box-shadow:0 22px 36px rgba(0,0,0,.20);
}

.wpcf7 form input[type="submit"]:focus,
.wpcf7 form .wpcf7-submit:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(199,168,109,.2);
}

/* =========================================================
   PROGRESS BAR SIMPLE
   ========================================================= */

.photoimmo-progress{
  display:flex;
  gap:8px;
  margin:0 0 22px;
}

.photoimmo-progress span{
  display:block;
  flex:1;
  height:6px;
  border-radius:999px;
  background:#ece4d7;
}

.photoimmo-progress span.is-active{
  background:#c7a86d;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (min-width:768px){
  .photoimmo-pack-cards{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:20px;
    margin:28px 0;
  }

  .photoimmo-pack-card{
    padding:22px;
    border-radius:var(--pi-radius-lg);
  }

  .photoimmo-pack-card h3{
    font-size:20px!important;
  }

  .photoimmo-pack-price{
    font-size:18px;
  }

  .photoimmo-pack-subtitle{
    font-size:15px;
  }

  .photoimmo-pack-features li{
    font-size:15px;
  }

  #photoimmo-summary{
    padding:22px;
  }
}

@media (min-width:1100px){
  #photoimmo-summary{
    position:sticky;
    top:24px;
  }
}

@media (min-width:1180px){
  .photoimmo-pack-cards{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:24px;
  }

  .photoimmo-pack-card{
    padding:26px 24px;
  }

  #photoimmo-summary{
    padding:24px;
    border-radius:18px;
  }
}

@media (max-width:767px){
  .photoimmo-form-section{
    padding:16px;
    border-radius:20px;
  }

  .photoimmo-step-title{
    margin-top:24px;
  }

  .photoimmo-pack-card{
    padding:22px 18px;
  }

  .photoimmo-pack-card h3{
    font-size:21px;
  }

  .photoimmo-pack-price{
    font-size:17px;
  }

  .pi-card-option-btn{
    min-height:52px;
  }

  #photoimmo-summary{
    padding:20px 18px;
    border-radius:20px;
  }

  .photoimmo-summary-title{
    font-size:20px;
  }

  .photoimmo-pack-card.is-active::after{
    top:14px;
    right:14px;
  }

  .photoimmo-pack-card--featured.is-active::after{
    top:46px;
  }
}

@media (max-width:480px){
  .photoimmo-options-group .wpcf7-checkbox{
    gap:8px;
  }

  .photoimmo-options-group .wpcf7-list-item label{
    min-height:42px;
    padding:0 14px;
    font-size:13px;
  }
}

