/**
 * Bernadot Studios | Divi Corner Ribbons — Stylesheet
 * https://bernadot.com
 */

/* ── Module wrapper ──────────────────────────────────────────────────────────
   Zero out Divi's default module box so the collapsed module takes no space.
   overflow:visible allows the absolutely-positioned ribbon to be seen. */
.et_pb_dcr_ribbon {
	margin:     0 !important;
	padding:    0 !important;
	min-height: 0 !important;
	overflow:   visible !important;
}

/* ── Ribbon element ──────────────────────────────────────────────────────────
   Sits absolutely inside its target Divi ancestor.
   display:none initial state overridden by JS on the frontend. */
.dcr-ribbon {
	position: absolute;
	z-index:  100;
}

/* ── Responsive scaling ──────────────────────────────────────────────────────
   Scale the ribbon down at smaller breakpoints, pinned to its corner so it
   stays anchored. Visibility toggle classes take priority via !important. */

/* Tablet — 768px to 980px */
@media ( max-width: 980px ) {
	.dcr-hide-tablet { display: none !important; }

	.dcr-corner-top-right    { transform-origin: top right;    transform: scale( 0.75 ); }
	.dcr-corner-top-left     { transform-origin: top left;     transform: scale( 0.75 ); }
	.dcr-corner-bottom-right { transform-origin: bottom right; transform: scale( 0.75 ); }
	.dcr-corner-bottom-left  { transform-origin: bottom left;  transform: scale( 0.75 ); }
}

/* Mobile — up to 767px */
@media ( max-width: 767px ) {
	.dcr-hide-mobile { display: none !important; }

	.dcr-corner-top-right    { transform-origin: top right;    transform: scale( 0.60 ); }
	.dcr-corner-top-left     { transform-origin: top left;     transform: scale( 0.60 ); }
	.dcr-corner-bottom-right { transform-origin: bottom right; transform: scale( 0.60 ); }
	.dcr-corner-bottom-left  { transform-origin: bottom left;  transform: scale( 0.60 ); }
}