/* 2025 article template, EN port of the FR template (new DA). Same file as FR plus the
   Obviously fonts and the article rules of the FR child style.css. */

/* Obviously-Black and Obviously-Bold: registered in the FR Theme Panel, absent from EN. Shipped with the template. */
@font-face{font-family:'Obviously-Black';src:local('Obviously-Black'),url('/wp-content/themes/Newspaper-child/assets/da2025/Obviously-Black.woff2') format('woff2'),url('/wp-content/themes/Newspaper-child/assets/da2025/Obviously-Black.woff') format('woff');font-display:swap}
@font-face{font-family:'Obviously-Bold';src:local('Obviously-Bold'),url('/wp-content/themes/Newspaper-child/assets/da2025/Obviously-Bold.woff2') format('woff2'),url('/wp-content/themes/Newspaper-child/assets/da2025/Obviously-Bold.woff') format('woff');font-display:swap}
/* Lexend: registered on FR and DE (same file), absent from EN articles. Shipped with the template, variable weights. */
@font-face{font-family:'Lexend';src:local('Lexend'),url('/wp-content/themes/Newspaper-child/assets/da2025/Lexend-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}

/* Metric-matched fallbacks: Arial calée sur la boîte d'Obviously (size-adjust calculé
   depuis les fichiers de police) — le swap ne fait plus bouger la page */
@font-face {
  font-family: 'Obviously-Black-fallback';
  src: local('Arial Bold'), local('Arial');
  size-adjust: 129.08%;
  ascent-override: 89.63%;
  descent-override: 31.53%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Obviously-Bold-fallback';
  src: local('Arial Bold'), local('Arial');
  size-adjust: 125.96%;
  ascent-override: 91.85%;
  descent-override: 32.31%;
  line-gap-override: 0%;
}

/* General */
body {
  background-color: white;
  font-family: 'Lexend', sans-serif;
  font-weight: 300;
  font-size: 17.5px;
  line-height: 1.5em;
  color: black;
}
body #td-outer-wrap {
  background-color: white;
}

/* Container widths */
.td-container,
.tdc-row,
.tdc-row-composer,
.article-main-container {
  width: 100%;
  max-width: 1150px;
}
.td-main-content-wrap > .td-container {
  padding: 0 4vw;
}

/* Hero section */
.hero-section {
  background-color: #f8f7eb;
  position: relative;
  overflow: hidden;
}
.hero-section .hero-content-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px;
  gap: 60px;
  position: relative;
}
.hero-section .hero-text-content {
  flex: 1;
  width: 45%;
  position: relative;
  z-index: 10;
}
.hero-section .hero-text-content::before {
  content: '';
  position: absolute;
  top: -68px;
  left: -20px;
  width: 48px;
  height: 48px;
  background-image: url('/wp-content/themes/Newspaper-child/assets/da2025/flower.png');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.hero-section .hero-text-content::after {
  content: '';
  position: absolute;
  bottom: -72px;
  left: 20px;
  width: 100px;
  height: 60px;
  background-image: url('/wp-content/themes/Newspaper-child/assets/da2025/picto-fleche.png');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 100;
}
.hero-section .hero-image-wrapper {
  flex: 1;
  width: 55%;
  position: relative;
  z-index: 3;
}
.hero-section .hero-image-wrapper img {
  width: 100%;
  height: 400px;
  display: block;
  border-radius: 36px;
  object-fit: cover;
}
.hero-page-title {
  font-family: 'Obviously-Black', 'Obviously-Black-fallback', Arial, sans-serif;
  font-size: 3.2rem;
  line-height: 1.1em;
  margin-top: -12px;
  margin-bottom: 8px;
  color: #eb5c23;
  text-transform: uppercase;
  letter-spacing: -0.015em;
}
.td-module-meta-info {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  color: #666;
}
.td-post-author-name {
  display: flex;
  align-items: center;
}
.td-post-author-name a {
  font-family: 'Lexend';
  color: #333;
  text-decoration: none;
  font-weight: 600;
  font-size: 11px;
}
.td-post-author-name a:hover {
  text-decoration: underline;
  color: #eb5c23;
}
.td-author-line {
  margin: 0 4px;
  color: #999;
}
.td-post-date {
  font-family: 'Lexend';
  color: #999;
  font-size: 11px;
}

/* Deals section */
.deals {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 40px min(4vw, 40px);
  max-width: 1060px;
  margin: 0 auto;
}
.deals * {
  font-family: 'Lexend';
}
.deals .deals-title {
  font-family: 'Obviously-Bold', 'Obviously-Bold-fallback', Arial, sans-serif;
  font-weight: bold;
  color: #eb5c23;
  font-size: 14px;
  white-space: nowrap;
  align-self: flex-start;
}
.deals .deals-buttons {
  display: flex;
  gap: clamp(16px, 4vw, 60px);
  flex-wrap: wrap;
  justify-content: center;
}
.deals a.deals-button {
  background-color: #eb5c23;
  text-decoration: none;
  border-radius: 25px;
  padding: 10px 0;
  width: 200px;
  text-align: center;
  transition: background-color 0.3s ease;
}
.deals a.deals-button:hover {
  background-color: #f6b9d5;
}
.deals a.deals-button h3 {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1em !important;
  color: white !important;
}
/* Deals mobile slider */
.deals-buttons-mobile { display: none; width: 100%; box-sizing: border-box; }
@media (max-width: 767px) { .deals-buttons-mobile { display: block; } }
.deals-buttons-mobile, .deals-buttons-mobile * { font-family: 'Lexend', sans-serif; }
.deals-buttons-mobile .deals-swiper { padding: 0; }
.deals-buttons-mobile .deals-swiper .swiper-slide {
  display: flex; align-items: center; justify-content: center;
  height: auto; min-height: 62px;
}
.deals-buttons-mobile .deals-swiper h3 { margin: 0 !important; }
.deals-buttons-mobile .deals-swiper h3 a.deals-button {
  display: inline-block; box-sizing: border-box;
  width: 72vw; margin: 0 10vw; padding: 16px 24px;
  background-color: #eb5c23; border-radius: 25px;
  color: #fff !important; text-decoration: none; text-align: center;
  font-size: 17px; font-weight: 600; line-height: 1em;
  text-transform: uppercase; white-space: nowrap;
  transition: background-color .3s ease;
}
.deals-buttons-mobile .deals-swiper .swiper-button-prev,
.deals-buttons-mobile .deals-swiper .swiper-button-next {
  top: 50%; margin-top: 0; transform: translateY(-50%);
  width: 34px; height: 50px; color: transparent;
  background-color: transparent; background-repeat: no-repeat;
  background-position: center center; background-size: 22px 22px;
  transition: all .3s ease-in-out;
}
.deals-buttons-mobile .deals-swiper .swiper-button-prev svg,
.deals-buttons-mobile .deals-swiper .swiper-button-next svg { display: none; }
.deals-buttons-mobile .deals-swiper .swiper-button-prev {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23767676' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3 6 8 11 13'/%3E%3C/svg%3E");
}
.deals-buttons-mobile .deals-swiper .swiper-button-next {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23767676' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3 11 8 6 13'/%3E%3C/svg%3E");
}

/* Main content wrapper */
.td-main-content-wrap {
  background-color: white;
  padding-bottom: 0 !important;
}
div.td-pb-span12.td-main-content {
  margin: 0 auto;
  float: none !important;
  border-top: 0;
  margin-top: 20px;
  margin-bottom: 100px;
  background-color: #fff;
}
.td-ss-main-content {
  width: 100% !important;
  margin: 0 auto;
}

/* Table of contents */
body article.post .td-post-header .td-post-content div#ez-toc-container {
  background: none;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 180px !important;
  position: relative;
}
.td-post-content div#ez-toc-container nav ul li a {
  font-family: 'Lexend' !important;
  font-size: 16px !important;
  line-height: 1.6em !important;
  color: black !important;
  text-transform: uppercase;
  font-weight: 500 !important;
}
.td-post-content div#ez-toc-container nav ul li a::before {
  background: none !important;
  color: #eb5c23 !important;
  font-family: 'Obviously-Black', 'Obviously-Black-fallback', Arial, sans-serif !important;
  font-size: 30px !important;
  line-height: 0;
  margin: 0;
  top: 50%;
  text-align: right !important;
}
.td-post-content div#ez-toc-container nav ul li a:hover {
  background-color: #ffd274 !important;
  color: white !important;
}
.td-post-content div#ez-toc-container::after {
  content: '';
  position: absolute;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50vw);
  background-image: url('/wp-content/themes/Newspaper-child/assets/da2025/Wave.svg');
  background-size: contain;
  background-repeat: repeat-x;
  width: 70vw;
  height: 24px;
  z-index: 1;
}

/* Hidden elements */
.td-post-title,
.td-post-featured-image,
.td-ss-main-content .deals {
  display: none;
}
.td-category {
  display: none;
}

/* Post content */
.td-post-content {
  width: 850px;
  margin: 0 auto;
  color: black !important;
}
/* Headings */
@media (max-width: 767px) {
  .td-post-content h1,
  .td-post-content h2,
  .td-post-content h3,
  .td-post-content h4,
  .td-post-content h5,
  .td-post-content h6 {
    overflow-wrap: break-word;
  }
}
/* Related posts heading */
.td-main-content .td_block_related_posts > h4.td-related-title > a {
  white-space: normal;
}
.td-post-content p,
.td-post-content li:not(#ez-toc-container li) {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 300;
  font-size: 17.5px !important;
  line-height: 1.5em !important;
  color: black !important;
}
.td-ss-main-content article .td-post-content ul li:not(#ez-toc-container li):not(.blocks-gallery-item), .td-ss-main-content article .td-post-content ol li:not(#ez-toc-container li):not(.blocks-gallery-item) {
  line-height: 1.5em !important;
  margin-bottom: 8px !important;
}
.td-container article .td-post-content p {
  margin-bottom: 22px;
}
.td-container article .td-post-content ul {
  margin: 18px 0 18px 0 !important;
}
article .td-main-content-wrap .td-post-content p strong,
article .td-main-content-wrap .td-post-content li:not(ul.ez-toc-list li) strong {
  font-weight: 500 !important;
}
#td-outer-wrap article .td-post-content p a:link, #td-outer-wrap article .td-post-content p a:visited,
#td-outer-wrap article .td-post-content ul:not(.ez-toc-list) li:not(.comment) a:link, #td-outer-wrap article .td-post-content ul:not(.ez-toc-list) li:not(.comment) a:visited,
#td-outer-wrap article .td-post-content ol:not(.comment-list) li a:link, #td-outer-wrap article .td-post-content ol:not(.comment-list) li a:visited {
  color: inherit !important;
  font-weight: inherit !important;
  border-bottom: none !important;
  text-decoration: solid underline #ffd274 4px !important;
  text-decoration-skip-ink: none;
  text-underline-offset: 0;
}
#td-outer-wrap article .td-post-content p a:hover,
#td-outer-wrap article .td-post-content ul:not(.ez-toc-list) li:not(.comment) a:hover,
#td-outer-wrap article .td-post-content ol:not(.comment-list) li a:hover {
  background-color: #ffd274 !important;
}

/* Headings */
h1, h2 {
  font-family: 'Obviously-Black', 'Obviously-Black-fallback', Arial, sans-serif !important;
  color: #eb5c23 !important;
}
h2 {
  font-size: 34px !important;
  line-height: 40px !important;
}
.td-post-content h2:not(.wp-block-group h2) {
  margin-top: 70px !important;
}
.td-post-content .wp-block-group:has(h2) {
  margin-top: 70px !important;
  margin-bottom: 20px;
}
.td-post-content h3.wp-block-heading, .td-post-content h3.comment-reply-title, h3, .td-post-content h4.wp-block-heading, h4, .td-post-content h5.wp-block-heading, h4, .td-post-content h6.wp-block-heading, h6 {
  font-family: 'Lexend' !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  color: #111;
}
h3 {
  font-size: 22px !important;
  line-height: 30px !important;
}
h4 {
  font-size: 19px !important;
}
.td_block_related_posts > h4.td-related-title {
  border: none !important;
  text-transform: lowercase;
  display: inline-block;
}
.td-main-content .td_block_related_posts > h4.td-related-title > a.td-related-left {
  background-color: transparent !important;
  padding: 0;
  font-family: 'Obviously-Black', 'Obviously-Black-fallback', Arial, sans-serif;
  font-style: normal;
  text-transform: lowercase;
  font-weight: 600;
  font-size: 34px;
  line-height: 40px;
  color: rgb(235, 92, 35) !important;
  margin-bottom: 8px;
}
.td-main-content .td_block_related_posts > h4.td-related-title > a.td-related-left::first-letter {
  text-transform: uppercase;
}

/* Buttons */
.wp-block-button a.wp-block-button__link {
  text-transform: uppercase;
  font-family: 'Lexend' !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding: 0.6em 3em !important;
  border-radius: 1000px !important;
  box-shadow: none;
  transition: all ease-in-out 0.1s;
}
.wp-block-button:not(.is-style-fill) a.wp-block-button__link {
  background: none !important;
  color: #eb5c23 !important;
  border: 2px solid #eb5c23;
}
.wp-block-button:not(.is-style-fill) a.wp-block-button__link:hover {
  background: #eb5c23 !important;
  color: white !important;
}
.wp-block-button.is-style-fill a.wp-block-button__link {
  background: #eb5c23 !important;
  color: white !important;
  border: 2px solid white;
}
.wp-block-button.is-style-fill a.wp-block-button__link:hover {
  background: white !important;
  color: #eb5c23 !important;
}

/* Images */
.td-ss-main-content figure.wp-block-image img:not(table img) {
  border-radius: 24px;
}
.force-body-width-image {
  width: 1150px !important;
  margin-left: -175px !important;
}

/* Author box */
.author-box-wrap {
  border-radius: 12px;
}
.author-box-wrap a[aria-label="author-photo"] img {
  margin: 0 auto;
}
.author-box-wrap .td-author-name {
  font-family: 'Lexend';
}
.author-box-wrap a:not(.td-author-social a):hover {
  text-decoration: none !important;
  color: #111 !important;
  background-color: #ffd274 !important;
}
.author-box-wrap .td-social-icon-wrap:hover a i {
  color: #ffd274 !important;
}

/* Related posts */
.td-main-content .td_block_related_posts {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.td-main-content .td_block_related_posts .td_block_inner {
  margin-top: 0 !important;
}
.td-main-content .td_block_related_posts .item-details h3 {
  text-transform: none;
  line-height: 1.125em !important;
}
.td-main-content .td_block_related_posts .item-details h3 a {
  font-size: 18px !important;
  letter-spacing: -0.02em;
  color: #111 !important;
}
.td-main-content .td_block_related_posts .td_module_related_posts:hover h3 a,
.td-main-content .td_block_related_posts .item-details h3 a:hover {
  background-color: #ffd274 !important;
}
.td-main-content .td_block_related_posts .td-related-title .td-cur-simple-item,
div.td-pb-span12.td-main-content .block-title > span {
  background-color: #eb5c23 !important;
}
.td-main-content .td_block_related_posts .td-related-title,
div.td-pb-span12.td-main-content .block-title {
  border-color: #eb5c23 !important;
}
.td_block_related_posts .entry-title a {
  font-size: 17.5px !important;
  line-height: 15px;
}
.td_block_related_posts .td-module-thumb a img {
  border-radius: 8px !important;
}
.td-related-title > .td-related-right {
  display: none !important;
}
.td_block_related_posts .td-next-prev-wrap > a {
  transition: all ease-in-out 0.1s;
  border-radius: 6px;
}
.td_block_related_posts .td-next-prev-wrap > a:hover {
  background-color: #ffd274;
  border-color: #ffd274;
  color: black;
}

/* End-of-article elements */
.td-main-content-wrap #comments footer *,
.td-main-content-wrap #comments .comment-meta * {
  font-family: 'Lexend';
}
article .td-post-content .kk-star-ratings {
    margin-top: 40px;
    margin-bottom: 20px;
}
article .td-post-content .author-box-wrap {
    margin-bottom: 72px;
}

/* Sharing */
.td-post-sharing {
  padding-top: 20px;
}

/* Article source tags */
article footer .td-post-source-tags ul.td-tags > li > span,
article footer .td-post-source-tags ul.td-tags > li > a {
  border-radius: 4px;
}
article footer .td-post-source-tags ul.td-tags > li > a:hover {
  background-color: #ffd274;
  border-color: #ffd274;
  color: black;
}

/* RESPONSIVE */

/* Hero */
@media (max-width: 1024px) {
  .hero-page-title { font-size: 2.8rem; }
  .hero-section .hero-content-wrapper { padding: 40px 30px 30px 30px; gap: 40px; }
  body article.post .td-post-header .td-post-content div#ez-toc-container {
      margin-bottom: 140px !important;
  }
  body article.post .td-post-header .td-post-content div#ez-toc-container:after {
      left: 12%;
      transform: translateX(-50vw) scale(2);
  }
}

/* Below 1150px */
@media screen and (max-width: 1150px) {
  .td-post-content { width: 95% !important; }
  .force-body-width-image { width: 100% !important; margin-left: 0 !important; }
}

/* Above 1151px */
@media only screen and (min-width: 1151px) {
  .force-full-width { width: 1150px !important; border-radius: 15px !important; margin-left: -150px !important; }
}

/* Mobile — below 767px */
@media screen and (max-width: 767px) {
  .hero-section .hero-content-wrapper { flex-direction: column; gap: 30px; padding: 40px 20px 20px 20px; }
  .hero-section .hero-text-content,
  .hero-section .hero-image-wrapper { width: 100%; }
  .hero-page-title { font-size: 2.2rem; }
  .hero-section .hero-text-content::before {
    display: none;
  }
  .td-container { padding-left: 0 !important; padding-right: 0 !important; }
  body #td-outer-wrap .deals .deals-title  {
    align-self: auto;
  }
  body #td-outer-wrap .deals .deals-buttons-mobile {
    display: block;
  }
  .deals {
    padding-bottom: 32px;
  }
  .deals .deals-buttons {
    display: none;
  }
  .td-main-content-wrap { padding-bottom: 0 !important; }
  .td-post-content img { border-radius: 10px; }
  div.td-pb-span12.td-main-content {
    width: 100% !important;
    margin-bottom: 0;
    padding-bottom: 50px;
  }
  .td-ss-main-content,
  .entry-crumbs { width: 95% !important; }
  .td-container { width: 100% !important; padding-left: 0; padding-right: 0; }
  .td-post-sharing { padding-top: 0; }
  .single .comments { margin-bottom: 0; }
  div.td-pb-span12.td-main-content .td_block_related_posts { width: 100%; }
}

/* Below 562px */
@media only screen and (max-width: 562px) {
  .force-body-width-image { margin: 0 !important; width: 100% !important; }
}

/* ===== From the FR child style.css (comments, Instagram placeholders) ===== */
.td-module-meta-info .td-post-author-name a {
    color: #000 !important;
}

/* Instagram consent placeholders: reserve their height from first paint (CLS) */
blockquote.cmplz-placeholder-element.instagram-media {
    aspect-ratio: 1280 / 921;
    min-height: 250px;
}

/* Comment pagination as buttons. #comments prefix required: the legacy additional-CSS rule "#comments a:link" (!important) wins otherwise on color + border-bottom. */
.comment-pagination {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin: 28px 0 !important;
	flex-wrap: wrap;
}
#comments .comment-pagination a,
#comments .comment-pagination a:link,
#comments .comment-pagination a:visited {
	display: inline-block;
	width: auto !important;
	padding: 12px 24px !important;
	border: 2px solid #eb5c23 !important;
	border-bottom: 2px solid #eb5c23 !important;
	border-radius: 999px;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #eb5c23 !important;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
}
#comments .comment-pagination a:hover {
	background: #eb5c23 !important;
	color: #fff !important;
	border-bottom: 2px solid #eb5c23 !important;
}


/* Reply form above the comment thread. Visual reordering only; the direct-child
   selector keeps the nested reply form untouched. */
#comments {
	display: flex;
	flex-direction: column;
}
#comments > .td-comments-title-wrap {
	order: 0;
}
#comments > .comment-respond {
	order: 1;
}
#comments > .akismet_comment_form_privacy_notice {
	order: 2;
}
#comments > .comment-list {
	order: 3;
}
#comments > .comment-pagination {
	order: 4;
}

/* Comment box: the theme's 168px default is more than a comment needs; still resizable. */
#comments textarea#comment {
	height: 110px;
	min-height: 110px;
}

/* ===== EN adjustments ===== */
/* FR runs Easy TOC without a header label; EN shows "Table of Contents" + a toggle. Match FR on this template. */
#ez-toc-container .ez-toc-title-container { display: none; }
/* Without the toggle, EN prints the label as a bare p.ez-toc-title (no container); Easy TOC shows it with an id selector */
#ez-toc-container p.ez-toc-title { display: none !important; }