/**
Theme Name: Papeterie Gilbert
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: papeterie-gilbert
Template: astra
*/

/* -------------------------------------------------------------------------
 * TI Wishlist : bouton liste de souhaits sur la vignette (archives produits),
 * empilé sous panier + aperçu Astra (.ast-on-card-button).
 *
 * Astra masque souvent les boutons avec opacity sur les enfants directs
 * de .astra-shop-thumbnail-wrap ; le lien TI est dans .tinv-wraper, donc
 * on duplique le comportement + le look cercle blanc ici.
 * ------------------------------------------------------------------------- */
/*Global styles*/
.red-text {
	color: red!important;
}

/* -------------------------------------------------------------------------
 * Modal connexion en-tête Astra : bascule connexion / inscription.
 * ------------------------------------------------------------------------- */
#ast-hb-account-login-wrap .papeterie-hb-register-view[hidden],
#ast-hb-account-login-wrap .papeterie-hb-login-view[hidden] {
	display: none !important;
}

#ast-hb-account-login-wrap .papeterie-hb-register-row {
	margin-top: 0.75em;
	margin-bottom: 0;
}

#ast-hb-account-login-wrap .papeterie-hb-register-row .papeterie-hb-open-account-button,
#ast-hb-account-login-wrap .ast-hb-account-login .papeterie-hb-open-account-button {
	display: inline-block;
	width: auto;
	max-width: 100%;
	font-size: 90%;
	color: #ce8c2a;
	font-weight: 500;
	border: 1px solid #ce8c2a;
	border-radius: 25px;
	padding: 6px 24px;
	background-color: transparent;
	background: transparent;
	box-sizing: border-box;
	box-shadow: none;
	text-align: center;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
	line-height: 1.4;
}

#ast-hb-account-login-wrap .papeterie-hb-register-row .papeterie-hb-open-account-button:hover,
#ast-hb-account-login-wrap .papeterie-hb-register-row .papeterie-hb-open-account-button:focus,
#ast-hb-account-login-wrap .ast-hb-account-login .papeterie-hb-open-account-button:hover,
#ast-hb-account-login-wrap .ast-hb-account-login .papeterie-hb-open-account-button:focus {
	color: #ce8c2a;
	background-color: transparent;
	background: transparent;
	border-color: #ce8c2a;
}

#ast-hb-account-login-wrap .papeterie-hb-register-panel > h2 {
	margin-top: 0;
	margin-bottom: 1em;
	text-align: center;
}

#ast-hb-account-login-wrap .papeterie-hb-account-switch {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5em 0.75em;
	margin-top: 1.25em;
	text-align: center;
}

#ast-hb-account-login-wrap .papeterie-hb-show-login-button {
	cursor: pointer;
}

/*
 * Empilement sous panier + aperçu : même hauteur de cercle que le bouton (36px) et petit
 * écart entre cercles (~12px) pour éviter chevauchement ; ajuster si vos boutons Astra ≠ 36px.
 */
.astra-shop-thumbnail-wrap > .papeterie-tinvwl-ast-on-card.tinv-wraper {
	position: absolute;
	z-index: 4;
	right: 0.75em;
	top: calc(0.75em + 36px + 12px + 36px + 12px);
	bottom: auto;
	margin: 0;
	padding: 0;
	width: auto;
	max-width: none;
	height: auto;
	min-height: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

/*
 * Fiche produit (similaires, produits consultés, etc.) : pas de classe papeterie sur le wrap TI ;
 * même position + textes masqués + tooltip plugin que les archives (le lien reçoit les classes via PHP).
 */
section.related.products .astra-shop-thumbnail-wrap > .tinv-wraper.tinvwl-loop-button-wrapper,
.single-product .astra-shop-thumbnail-wrap > .tinv-wraper.tinvwl-loop-button-wrapper {
	position: absolute;
	z-index: 4;
	right: 0.75em;
	top: calc(0.75em + 36px + 12px + 36px + 12px);
	bottom: auto;
	margin: 0;
	padding: 0;
	width: auto;
	max-width: none;
	height: auto;
	min-height: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

section.related.products .astra-shop-thumbnail-wrap > .tinv-wraper.tinvwl-loop-button-wrapper .tinvwl_add_to_wishlist-text,
section.related.products .astra-shop-thumbnail-wrap > .tinv-wraper.tinvwl-loop-button-wrapper .tinvwl_already_on_wishlist-text,
.single-product .astra-shop-thumbnail-wrap > .tinv-wraper.tinvwl-loop-button-wrapper .tinvwl_add_to_wishlist-text,
.single-product .astra-shop-thumbnail-wrap > .tinv-wraper.tinvwl-loop-button-wrapper .tinvwl_already_on_wishlist-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

section.related.products .astra-shop-thumbnail-wrap > .tinv-wraper.tinvwl-loop-button-wrapper .tinvwl-tooltip,
.single-product .astra-shop-thumbnail-wrap > .tinv-wraper.tinvwl-loop-button-wrapper .tinvwl-tooltip {
	display: none !important;
}

/*
 * Cercle : 36×36 px comme la pile Astra (SVG ~20px dans le cercle).
 * Fond blanc semi-transparent par défaut (comme panier / aperçu), blanc opaque au survol du lien.
 */
.astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.ast-on-card-button {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	padding: 0 !important;
	margin: 0;
	border: none;
	border-radius: 50%;
	/* Même logique que les boutons sur image Astra : transparence puis blanc plein au hover */
	background-color: rgba(255, 255, 255, 0.72) !important;
	color: var(--ast-global-color-2, #3a3a3a);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
	text-decoration: none;
	line-height: 1;
	vertical-align: middle;
	position: relative;
	overflow: visible;
	font-size: 14px;
	transition: opacity 0.25s ease, color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease,
		transform 0.2s ease;
}

.astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.ast-on-card-button:hover,
.astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.ast-on-card-button:focus {
	color: var(--ast-global-color-0, #111);
	background-color: #fff !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
	transform: translateY(-1px);
}

/* Icône font TI : ~20px comme les SVG Astra, centrée par le flex du lien */
.astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.tinvwl-icon-heart::before {
	display: block;
	flex-shrink: 0;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1;
	font-size: 20px;
	width: 1em;
	height: 1em;
	text-align: center;
	color: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
	.astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.ast-on-card-button {
		transition-duration: 0.01ms;
	}
	.astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.ast-on-card-button:hover,
	.astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.ast-on-card-button:focus {
		transform: none;
	}
}

/* Masqué par défaut (le lien n’est pas enfant direct → les règles Astra ne s’appliquent pas) */
ul.products li.product .astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.ast-on-card-button {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none;
}

/* Visible au survol carte ou vignette ; focus clavier pour l’accessibilité */
ul.products li.product:hover .astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.ast-on-card-button,
ul.products li.product .astra-shop-thumbnail-wrap:hover .papeterie-tinvwl-on-card-link.ast-on-card-button,
ul.products li.product .papeterie-tinvwl-on-card-link.ast-on-card-button:focus-visible {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto;
}

ul.products li.product .papeterie-tinvwl-on-card-link.ast-on-card-button:focus-visible {
	outline: 2px solid var(--ast-global-color-0, #111);
	outline-offset: 2px;
}

/* Texte du plugin masqué visuellement : le libellé est dans .ast-card-action-tooltip comme Astra */
.astra-shop-thumbnail-wrap > .papeterie-tinvwl-ast-on-card .tinvwl_add_to_wishlist-text, .astra-shop-thumbnail-wrap > .papeterie-tinvwl-ast-on-card .tinvwl_already_on_wishlist-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Tooltip du plugin : on utilise .ast-card-action-tooltip comme panier / aperçu */
.astra-shop-thumbnail-wrap > .papeterie-tinvwl-ast-on-card .tinvwl-tooltip {
	display: none !important;
}

/*
 * TI Wishlist : deux textes dans le tooltip ; le JS du plugin ajoute .tinvwl-product-in-list sur chaque
 * lien concerné après mark_products() (localStorage / AJAX), comme pour le cœur plein — le PHP seul ne suffit pas.
 */
.astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link .papeterie-tinvwl-tip-in {
	display: none !important;
}
.astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.tinvwl-product-in-list .papeterie-tinvwl-tip-add {
	display: none !important;
}
.astra-shop-thumbnail-wrap .papeterie-tinvwl-on-card-link.tinvwl-product-in-list .papeterie-tinvwl-tip-in {
	display: inline !important;
}

/* Annule marges / offset du plugin TI sur la grille produits */
ul.products li.product .tinvwl_add_to_wishlist_button {
	margin-top: 0;
	right: 0;
}

/* -------------------------------------------------------------------------
 * Recherche produits : alignement boutique + masquage de l'en-tête WC dupliqué.
 * La bannière jaune Astra affiche le titre ; pas de filtre ni tri dans le contenu.
 * ------------------------------------------------------------------------- */
body.papeterie-product-search-listing #content.site-content,
body.papeterie-product-search-listing #primary,
body.papeterie-product-search-listing #primary .site-main,
body.papeterie-product-search-listing #primary .ast-woocommerce-container,
body.papeterie-product-search-listing.ast-separate-container #primary > .ast-woocommerce-container,
body.papeterie-product-search-listing.ast-separate-container #primary > .ast-separate-container,
body.papeterie-product-search-listing.ast-separate-container .ast-article-post,
body.papeterie-product-search-listing .ast-separate-container .ast-article-post {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

body.papeterie-product-search-listing.ast-separate-container .ast-article-post,
body.papeterie-product-search-listing .ast-separate-container .ast-article-post {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

body.papeterie-product-search-listing .woocommerce-products-header,
body.papeterie-product-search-listing .woocommerce-breadcrumb,
body.papeterie-product-search-listing .woocommerce-result-count,
body.papeterie-product-search-listing .woocommerce-ordering,
body.papeterie-product-search-listing .ast-shop-toolbar-container,
body.papeterie-product-search-listing .ast-shop-toolbar,
body.papeterie-product-search-listing .ast-sticky-shop-filters-wrap,
body.papeterie-product-search-listing #primary > header.entry-header,
body.papeterie-product-search-listing #primary > .ast-breadcrumbs-wrapper,
body.papeterie-product-search-listing #primary > .ast-archive-header,
body.papeterie-product-search-listing #primary .page-title,
body.papeterie-product-search-listing #primary .ast-archive-description,
body.papeterie-product-search-listing #primary .ast-search-results-title,
body.papeterie-product-search-listing #primary .yoast-breadcrumb,
body.papeterie-product-search-listing #primary .breadcrumbs {
	display: none !important;
}

body.papeterie-product-search-listing #primary .ast-container,
body.papeterie-product-search-listing #primary .ast-separate-container,
body.papeterie-product-search-listing #primary .ast-woocommerce-container {
	padding-left: 0;
	padding-right: 0;
}

body.papeterie-product-search-listing .ast-woocommerce-container {
	padding-top: 0;
	margin-top: 0;
}

/* -------------------------------------------------------------------------
 * Mobile / tablette : recherche full-width sous logo + panier / menu.
 * ------------------------------------------------------------------------- */
@media (max-width: 1120px) {
	#masthead .ast-mobile-header-wrap .ast-primary-header-bar {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	#masthead .ast-mobile-header-wrap .papeterie-mobile-header-search {
		width: calc(100% + 40px);
		max-width: none;
		margin: 0 -20px;
		padding: 0 20px 0.75em;
		box-sizing: border-box;
		order: 2;
	}

	#masthead .ast-mobile-header-wrap .papeterie-mobile-header-search .ast-header-search,
	#masthead .ast-mobile-header-wrap .papeterie-mobile-header-search .ast-search-menu-icon,
	#masthead .ast-mobile-header-wrap .papeterie-mobile-header-search .search-form {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	#masthead .ast-mobile-header-wrap .papeterie-mobile-header-search .search-form label {
		display: flex;
		align-items: center;
		width: 100%;
		margin: 0;
	}

	#masthead .ast-mobile-header-wrap .papeterie-mobile-header-search .search-field {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 auto;
	}

	#masthead .ast-mobile-header-wrap .papeterie-mobile-header-search .ast-search-icon {
		display: none !important;
	}

	#ast-fixed-header .papeterie-mobile-header-search {
		display: none !important;
	}

	#ast-mobile-popup-wrapper .papeterie-search-moved-away,
	#ast-mobile-popup-wrapper [data-papeterie-search-placeholder="1"] {
		display: none !important;
	}
}

/* -------------------------------------------------------------------------
 * Fiche produit : disposition 2 colonnes sur tablette/iPad (galerie + résumé),
 * identique au desktop. Astra empile sous le breakpoint tablette (1120px).
 * Note : .woocommerce est sur <body>, pas un conteneur enfant — ne pas utiliser
 * body .woocommerce div.product (ne matche jamais).
 * ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1120px) {
	body.single-product.woocommerce div.product div.images,
	body.single-product.woocommerce-page div.product div.images,
	body.single-product .ast-woocommerce-container div.product div.images,
	body.single-product div.product > .woocommerce-product-gallery.images {
		float: left !important;
		width: 50% !important;
		clear: none !important;
	}

	body.single-product.woocommerce div.product div.summary,
	body.single-product.woocommerce-page div.product div.summary,
	body.single-product .ast-woocommerce-container div.product div.summary,
	body.single-product div.product > .summary.entry-summary {
		float: right !important;
		width: 46% !important;
		clear: none !important;
	}
}
